Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 1, 2025 at 11:41 am #1488804
    Martina

    Hello. I have added a tab section to a number of pages on our Website. On some of these pages (not all) I need to hide a particular tab from display within the Tab Section. I tried using a Custom Class to target that specific tab – assigned hide-this-tab to the tab I needed to hide, and then added the following to the Customise (additional css)

    /* Hide tab by custom class */
    .av-section-tab-title.hide-this-tab,
    .av-section-tab-content.hide-this-tab {
    display: none !important;
    }

    but it didn’t work, that tab and its contents still displayed. Any suggestions?

    September 2, 2025 at 6:45 am #1488846
    Ismael

    Hey Martina,

    Thank you for the inquiry.

    The custom css class (hide-this-tab) is only applied to the tab content, so it can’t be used to hide the tab section title. Try to use the following css code instead:

    #top .av-tab-section-inner-container .hide-this-tab {
    display: none;
}

#top a[href="#tab-2"][data-av-tab-section-title="2"] {
    display: none;
}

    The selector a[href=”#tab-2″][data-av-tab-section-title=”2″] should hide the second tab section title.

    Best regards,
    Ismael

    September 2, 2025 at 3:36 pm #1488863
    Martina

    Ismael
    Thank you for the above code. We will have multiple pages, each with tab sections. Only on some pages will we need the 2nd tab to be hidden, not all pages. How do I differentiate these pages as the code you provided would hide 2nd tab on all pages. Thanks

    September 3, 2025 at 5:00 am #1488878
    Ismael

    Hi,

    Thank you for the update.

    You can apply a custom css class to the Tab Section element where specific tabs need to be hidden, then adjust the css rules accordingly.

    #top .custom-tab-section-class-name a[href="#tab-2"][data-av-tab-section-title="2"] {
    display: none;
}

    Best regards,
    Ismael

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