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

Discussion in 'Styling and Customization Questions' started by RoldanLT, Jan 17, 2014.

  1. RoldanLT

    RoldanLT Well-Known Member

    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
     

    Attached Files:

    Last edited: Jan 17, 2014
  2. Manoj_Kumar

    Manoj_Kumar Guest

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

    AndreaMarucci Well-Known Member

    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;
    }
     
    RoldanLT likes this.

Share This Page