Resource icon

Flexile compatibility with XenPorta

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...
 

Connor Smith

Active member
I am getting the heading as white (ish) how can i fix that?

Thanks
 

Attachments

  • Screenshot 2014-05-31 18.36.13.png
    Screenshot 2014-05-31 18.36.13.png
    221.6 KB · Views: 21

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;
}
 

coolc11

Member
Any chance you can release a version of this for UI.X? I'm currently getting this on UI.X:
f0c67e32cca7c8220688120828caac39.png
 

Connor Smith

Active member
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 :)
 
Top