Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 1, 2021 at 11:08 am #1284366
    pelgrimrat

    Dear support team,

    At the bottom of this webpage:
    http://dev-optiekmagnifiek.kontak.nl/
    I have created an accordion slider with 6 slides.

    I used CSS to style the accordion tabs to dark pink/magenta.

    I would like to use a different color for each slide, so for example the first one is pink, the second one orange, the third one green and so on. How can I achieve this?

    Thank you very much in advance!

    • This topic was modified 3 years, 9 months ago by pelgrimrat.
    March 2, 2021 at 6:36 am #1284631
    Rikard

    Hey pelgrimrat,

    You can target the background with CSS like this:

    li.aviaccordion-slide-1 .aviaccordion-preview-title-wrap {
    background: rgb(116,61,140,0.8);
}

    Then change the number in the slide class for your next element.

    Best regards,
    Rikard

    March 2, 2021 at 10:42 am #1284643
    pelgrimrat

    Dear Rikard,

    It worked perfectly!
    Thank you so much!

    Best regards,
    Maarten

    March 2, 2021 at 12:14 pm #1284685
    Yigit

    Hi,

    Glad Rikard could help! :)

    For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/

    If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)

    Enjoy the rest of your day!

    Best regards,
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Accordion different color for each slide’ is closed to new replies.