Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 28, 2022 at 8:13 pm #1337801
    ycoleman31

    Hi, Using tab sections I have created something very similar to the bottom of this page: https://kriesi.at/themes/enfold-2017/elements/tab-section/#green

    However, I am unable to have the tab arrows change to the background color for that tabbed section. How do I do this?

    January 29, 2022 at 10:21 pm #1337859
    Mike

    Hey ycoleman31,
    Thank you for your patience, I didn’t find what was causing this error so I have submitted it to the Dev Team for review, but in the meantime I added this css to your Quick CSS to correct:

    #top a[aria-controls="av-tab-section-1-1"] .av-tab-arrow-container span {
    background-color: #e74480;
}
#top a[aria-controls="av-tab-section-1-2"] .av-tab-arrow-container span {
    background-color: #333333;
}
#top a[aria-controls="av-tab-section-1-3"] .av-tab-arrow-container span {
    background-color: #72cac8;
}

    please clear your browser cache and check.

    Best regards,
    Mike

    February 2, 2022 at 10:26 pm #1338539
    ycoleman31

    Hi Mike,
    Sorry for the delayed response ( I was out a few days). The code seems to have done the trick, once I purged the cache. Looks great. Thank you so much for the help on this.
    Many thanks,
    Yvonne

    February 3, 2022 at 12:26 am #1338553
    Mike

    Hi,
    Glad to hear, the Dev Team has corrected the issue and will be in the next update, so in the future, you can remove this css.
    If you have any further issues or questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Tab Section Arrows – How to change colors.’ is closed to new replies.