Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #16930

    Is there a way to add either a triangle graphic or one made in CSS to the bottom of the active tab?

    Thanks!

    Sam

    #93438

    Hey Sam,

    I’m not sure what you mean. Do you have a screenshot to illustrate it or can you describe it a bit more?

    Regards,

    Devin

    #93439

    Sure, here’s an example: http://socialplasm.com/wp-content/uploads/ArrowTab/ArrowTab.png

    Notice the little arrow indicating which tab is active.

    I have styled the tabs like I want from a color perspective, but I am struggling to figure out how to add a centered triangle to the active state of a tab.

    Any help is greatly appreciated.

    Sam

    #93440

    Hi,

    You can do something like this on your custom.css

    .current-menu-item {
    background: url(../images/triangle.png) center no-repeat ;
    }

    You need to provide the triangle.png image then reposition the background as you see fit.

    Regards,

    Ismael

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Add 'active' triangle to bottom of tab in Tab Container’ is closed to new replies.