Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 22, 2020 at 4:54 pm #1262124
    bsingenberger

    Hi,
    How can I customize the media element tab section? I can change the font size about CSS. But how can I adjust the background color and width of the whole element?

    Thanks,
    Beat

    November 23, 2020 at 12:34 pm #1262345
    Rikard

    Hey Beat,

    Could you post a link to where we can see the element in question on your actual site please? Also please try to explain a bit further what you are looking to achieve, or post a screenshot or mockup highlighting your intentions.

    Best regards,
    Rikard

    November 29, 2020 at 5:26 pm #1263789
    bsingenberger
    This reply has been marked as private.
    December 1, 2020 at 6:39 am #1264134
    Rikard

    Hi,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    .tabcontainer .active_tab, .tabcontainer .tab {
    background-color: #3e5164;
    color: #fff !important;
}

    I can’t see any problems loading the page in question on mobile, could you let us know how to reproduce the problem please?

    Best regards,
    Rikard

    December 1, 2020 at 8:05 pm #1264311
    bsingenberger
    This reply has been marked as private.
    December 3, 2020 at 4:36 am #1264616
    Rikard

    Hi,

    Thanks for the update. Please try this CSS instead:

    .tabcontainer .active_tab, .tabcontainer .tab {
    background-color: #3e5164 !important;
    color: #fff !important;
}

    Best regards,
    Rikard

    December 4, 2020 at 10:20 am #1264964
    bsingenberger

    Hi Rikard
    Many thanks. It looks better already.
    At the moment you can’t see any difference between the active and passive tabs.
    Would it be possible that the active tab is displayed in a different color (e.g. dark blue) than the passive tabs (e.g. light blue)?
    Best regards,
    Beat

    December 6, 2020 at 4:03 am #1265219
    Rikard

    Hi,

    Please try this CSS instead:

    .tabcontainer .active_tab {
    background-color: blue !important;
    color: #fff !important;
}

.tabcontainer .tab {
    background-color: #3e5164 !important;
    color: #fff !important;
}

    Best regards,
    Rikard

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