Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 27, 2015 at 2:26 am #419009
    wnow

    What is the best/easiest way to style the tabs on pages?

    Here is my tab page http://37c.838.myftpupload.com/cms-no-develop-team-march-22nd/#tab-id-3
    I would like the tab titles to be different font/color:
    1- change highlighted tab text color/size
    2- change tabs title text color of the non selected tabs
    3- change tab content text color/size
    4- selected tab background color

    March 27, 2015 at 10:07 am #419162
    Rikard

    Hey wnow!

    Please try the following CSS:

    All tabs:

    .tab{
color:red important!;
font-size:16px !important;
background-color:blue !important;
}

    Active tab:

    .active_tab{
color:yellow important!;
font-size:18px !important;
background-color:black !important;
}

    Regards,
    Rikard

    March 30, 2015 at 4:48 pm #420591
    wnow

    I did that but nothing changed

    http://37c.838.myftpupload.com/cms-no-develop-team-march-22nd/

    March 31, 2015 at 8:17 am #420984
    Rikard

    Hey!

    Please try the following instead:

    .js_active .tab{
color:red important!;
font-size:16px !important;
background-color:blue !important;
}

.js_active .active_tab{
color:yellow important!;
font-size:18px !important;
background-color:black !important;
}

    Please delete any cache from caching plugins if you should have one active and delete your browser cache before viewing changes.

    Regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.