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

XF 1.2 Border for the selected sub tab in navigation bar

Discussion in 'Styling and Customization Questions' started by planetzu, Aug 12, 2013.

  1. planetzu

    planetzu Member

    Hello guys, I am not able to get border to show up on the 'selected sub tab' navigation bar as indicated by the red markers in the attached image. Not sure what I am doing wrong. Is there a way to get these areas to have a border through the extra.css? Thank you.
     

    Attached Files:

  2. Steve F

    Steve F Well-Known Member

    Code:
    .navTabs .navTab.selected .tabLinks
    {
        border-left: 1px solid red !important;
        border-left: 1px solid red !important;    
        box-sizing: border-box; /* fixes funky overflow */
    }
    Adding that to EXTRA.css should work.
     
    Vilandra and planetzu like this.
  3. planetzu

    planetzu Member

    Thanks a lot, worked perfectly! There was a bit of an overflow before on the right side, but adding your code removed it.
     
    Steve F likes this.

Share This Page