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

XF 1.2 How to style "New Post" link?

RoldanLT

Well-known member
#1
Like what @Shelley did on her forum:
upload_2014-1-17_17-4-54.png

Guest:
upload_2014-1-17_17-0-0.png


On her forum, she coded it like this:
Code:
.navTabs .navTab.selected .tabLinks.forumsTabLinks li:last-child a {
background-color: #688e00;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
color: white;
padding: 0 7px;
margin-top: 3px;
line-height: 20px;
}
But I have different order of "Recent Posts/New Post" link on mine.
Member:
upload_2014-1-17_17-9-39.png

Guest:
upload_2014-1-17_17-1-49.png
 

Attachments

Last edited:
M

Manoj_Kumar

Guest
#2
She has used :last-child pseudo selector. Try removing that and add :hover pseudo property or .active class whichever is necessary for you.
 

AndreaMarucci

Well-known member
#3
Escuse mi ignorance on the matter. You're telling that this would be the correct code?
Code:
.navTabs .navTab.selected .tabLinks.forumsTabLinks li:hover a {
background-color: #688e00;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
color: white;
padding: 0 7px;
margin-top: 3px;
line-height: 20px;
}