Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • February 7, 2016 at 1:06 pm #579168
    fairusd

    Hi,

    I am wondering if it’s possible to change individual overlay color?

    First slide i want it red (which already is now)
    Second slide, blue.
    Third slide, green.
    Fourth, purple.
    Fifth, orange.

    Thank you so much!

    February 7, 2016 at 9:45 pm #579246
    Basilis

    Hey fairusd!

    Yes, each one of the accordions does actually have a different number
    Example:
    aviaccordion-slide-4 is the 4th, so you can active the colors with:

    .aviaccordion-slide-4 #top .aviaccordion-preview-title-wrap {
background: rgba(255, 0, 0, 0.5) none repeat scroll 0% 0%;
}

    let me know if that works for you

    Best regards,
    Basilis

    February 8, 2016 at 5:55 am #579350
    fairusd

    Hey thanks!

    I tried copying and pasting the code but it did no work.

    February 10, 2016 at 11:18 am #580975
    Andy

    Hi!

    try to add an !important:

    .aviaccordion-slide-4 #top .aviaccordion-preview-title-wrap {
background: rgba(255, 0, 0, 0.5) none repeat scroll 0% 0% !important;
}

    Clear browser cache and hard refresh a few times.

    Cheers!
    Andy

    February 10, 2016 at 11:18 am #580976
    Yigit

    Hey!

    Please add following code to Quick CSS instead

    li.aviaccordion-slide-2 .aviaccordion-preview-title-wrap {
    background: rgba(255,0,255,0.3)!important;
}
li.aviaccordion-slide-3 .aviaccordion-preview-title-wrap {
    background: rgba(255,0,255,0.3)!important;
}
li.aviaccordion-slide-4 .aviaccordion-preview-title-wrap {
    background: rgba(255,0,255,0.3)!important;
}
li.aviaccordion-slide-5 .aviaccordion-preview-title-wrap {
    background: rgba(255,0,255,0.3)!important;
}

    and change color as needed, respectively.
    255,0,255 is RGB value of the color and 0.3 is opacity level.

    Cheers!
    Yigit

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