Resource icon

Flexile compatibility with XenPorta

Overview Reviews (3) Discussion
RiotShielder

RiotShielder

Member
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...
Click to expand...

Read more about this resource...
 
I am getting the heading as white (ish) how can i fix that?

Thanks
 

Attachments

  • Screenshot 2014-05-31 18.36.13.webp
    Screenshot 2014-05-31 18.36.13.webp
    54.7 KB · Views: 21
Vintage_Gamer said:
www.vanticraft.org
Click to expand...

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;
}
 
Any chance you can release a version of this for UI.X? I'm currently getting this on UI.X:
f0c67e32cca7c8220688120828caac39.png
 
RiotShielder said:
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;
}
Click to expand...
I have a 2 problems, the border around the post isnt there, and the header is black.
May i have your help once more :)
 
You must log in or register to reply here.
Back
Top Bottom