• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

Flexile compatibility with XenPorta

#1
RiotShielder submitted a new resource:

Flexile compatibility with XenPorta - Fixes Audentio's Flexile update to work with XenPorta

This is a very simple tutorial showing how to fix the look of the XenPorta recent news block to work with XenPorta. This is made for Audentio's release which fixes Flexile for XenForo 1.3, however it lacks the XenPorta support that was previously there.

Finished result

I'll assume you're already at the Appearance area of the ACP

Go to Style Properties of the Flexile Style.
View attachment 74822


Enter...
Read more about this resource...
 
#8
Use this CSS instead (EXTRA.css)
Code:
.lower{
position: relative;
top: 4px;
color: #777777 !important;
}

.sectionMain.recentNews.section {
background-color: transparent;
}

.NewsHeader{
position: relative;
color: #777777;
border: none;
border-bottom: 1px solid #d5d5d5 !important;
-webkit-border-radius: 6px 6px 0 0;
-moz-border-radius: 6px 6px 0 0;
-khtml-border-radius: 6px 6px 0 0;
border-radius: 6px 6px 0 0;
margin: 0 -15px 15px -15px !important;
padding: 10px 15px;
background: rgb(22, 22, 22) url('styles/flexile-dark/flexile-dark/navigation-tab.png') repeat-x top;
}

.recentNews .newsDate{
padding: 0 10px 5px !important;
}

.recentNews{
border: 0px !important;
-webkit-border-radius: 0px !important;
border-radius: 0px !important;
-webkit-box-shadow: 0 0 0px !important;
box-shadow: 0 0 0px !important;
}

.recentNews .sectionFooter{
border-bottom-right-radius: 6px !important;
border-bottom-left-radius: 6px !important;
margin: 14px -15px -16px !important;
}

.sectionFooter .button{
position: relative !important;
top: 5px !important;
}

.recentNews .leftDate .newsDate{
margin-left: -35px !important;
}
 
#11
Use this CSS instead (EXTRA.css)
Code:
.lower{
position: relative;
top: 4px;
color: #777777 !important;
}

.sectionMain.recentNews.section {
background-color: transparent;
}

.NewsHeader{
position: relative;
color: #777777;
border: none;
border-bottom: 1px solid #d5d5d5 !important;
-webkit-border-radius: 6px 6px 0 0;
-moz-border-radius: 6px 6px 0 0;
-khtml-border-radius: 6px 6px 0 0;
border-radius: 6px 6px 0 0;
margin: 0 -15px 15px -15px !important;
padding: 10px 15px;
background: rgb(22, 22, 22) url('styles/flexile-dark/flexile-dark/navigation-tab.png') repeat-x top;
}

.recentNews .newsDate{
padding: 0 10px 5px !important;
}

.recentNews{
border: 0px !important;
-webkit-border-radius: 0px !important;
border-radius: 0px !important;
-webkit-box-shadow: 0 0 0px !important;
box-shadow: 0 0 0px !important;
}

.recentNews .sectionFooter{
border-bottom-right-radius: 6px !important;
border-bottom-left-radius: 6px !important;
margin: 14px -15px -16px !important;
}

.sectionFooter .button{
position: relative !important;
top: 5px !important;
}

.recentNews .leftDate .newsDate{
margin-left: -35px !important;
}
I have a 2 problems, the border around the post isnt there, and the header is black.
May i have your help once more :)