Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 2, 2022 at 9:36 am #1342812
    Nik

    Hello,

    I would like to change the background colour and font size and colour. Please refer to private content for images. I tried your custom tab code provided at https://kriesi.at/documentation/enfold/tab-sections/ . They don’t work.

    Any suggestions is appreciated.

    Thank you,

    Nik

    March 2, 2022 at 11:49 am #1342829
    Rikard

    Hey Nik,

    Thanks for the screenshots. So you are looking to change the background in the tabs like in the screenshot in private?

    Best regards,
    Rikard

    March 4, 2022 at 7:01 am #1343094
    Nik

    Hi Rikard,

    Thanks for getting back. Yes, that’s correct. Any CSS code suggestion is much appreciated.

    Nik

    March 4, 2022 at 2:28 pm #1343141
    Rikard

    Hi,

    Thanks for the clarification. Please try this in Quick CSS:

    .tabcontainer .tab.active_tab {
    color: white;
    background: #666;
}

.tabcontainer .tab {
    color: #666;
    background: #ddd;
}

    Best regards,
    Rikard

    March 4, 2022 at 10:06 pm #1343216
    Nik

    Hi Rikard,

    Thank you very much for the code. I use the following code taken from your tab sections doc. to change the font size of the text and tab colours. 

     /* CSS - Tab font styles */
.av-inner-tab-title {
    font-size: 20px;
    font-weight: 900;
    letter-spacing: .5em;
    line-height: 24px;
}

/* CSS - Tab font style on hover */
.av-inner-tab-title:hover {
    color: black;
}

/* CSS - Active tab font style */
.av-active-tab-title {
background:gold;
}

    There were no changes after inserting the coding. Please advise if I missing some coding?

    Thanks,

    Nik

    March 5, 2022 at 10:42 am #1343239
    Rikard

    Hi,

    Where did you add the code? If you need further help, then please post admin WordPress login details in private.

    Best regards,
    Rikard

    March 6, 2022 at 5:05 am #1343326
    Nik

    Hi Rikard,

    I added the code to the Enfold Child Theme – General Styling – Quick CSS column. I tried adding the code in Enfold Child: Stylesheet OR Appearance – Customize – Additional CSS.

    Non of them work. Any suggestion is appreciated.

    Thanks,

    Nik

    March 6, 2022 at 9:22 am #1343332
    Rikard

    Hi,

    If you need further help, then please post admin WordPress login details in private.

    Could you post WordPress login details in private, so that we can have a closer look?

    Best regards,
    Rikard

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