Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 16, 2018 at 3:15 pm #985948
    bakbek

    Hi, how can I increase the font size of the active tab title text?

    July 16, 2018 at 11:06 pm #986137
    Nikko

    Hey DROR,

    Try adding this css code:

    #top .av-tab-section-tab-title-container span.av-inner-tab-title {
    font-size: 16px;
}

    Hope it helps :)

    Best regards,
    Nikko

    July 17, 2018 at 8:50 am #986299
    bakbek

    Thanks but that make all the titles bigger. I want only active tab title to be bigger. How can I do that?

    July 17, 2018 at 2:00 pm #986418
    Nikko

    Hi bakbek,

    Can you remove the code I gave you and use this instead:

    #top .av-tab-section-tab-title-container .av-active-tab-title span.av-inner-tab-title {
    font-size: 18px;
    font-weight: 700;
}

    Best regards,
    Nikko

    July 17, 2018 at 5:19 pm #986517
    bakbek

    Thanks!

    Can I changed the background color of only the active tabs? The background color behind the image and title text.

    July 18, 2018 at 1:07 pm #986953
    Victoria

    Hi bakbek,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.js_active .av-layout-tab, 
#top .av-tab-arrow-container span {
    background-color: pink;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    July 18, 2018 at 1:11 pm #986955
    bakbek

    Hi Victoria, I meant a different thing. See screenshot.

    July 18, 2018 at 4:05 pm #987071
    Victoria

    Hi bakbek,

    Oh :)

    Best regards,
    Victoria

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