Add unique backgrounds to Tab Titles

  • Hi!

    I am wanting to add unique backgrounds to the tab headers, I’m having difficulty targeting them individually.

    One more question too:
    Is there a way to have a link on another page redirect to a specific tab activated?

    Any help would be greatly appreciated ??

Viewing 1 replies (of 1 total)
  • Plugin Contributor Gregor Capuder

    (@capuderg)

    Hi,

    you can target the individual tabs like this:

    
.pt-tabs .nav-link[href="#tab-tabs-2"]

    or you can use the nth-child pseudo selector: https://developer.mozilla.org/en-US/docs/Web/CSS/:nth-child

    For the second question, something like this could work (I haven’t tested it though):

    
// Javascript to enable link to tab
var url = document.location.toString();
if (url.match('#')) {
    $('.nav-tabs a[href="#' + url.split('#')[1] + '"]').tab('show');
}

    Take care!

Viewing 1 replies (of 1 total)
  • The topic ‘Add unique backgrounds to Tab Titles’ is closed to new replies.