Set custom colors for Accordion Slider - Support | Kriesi.at

Tagged: accordion slider

Viewing 5 posts - 1 through 5 (of 5 total)

Author

Posts
October 30, 2015 at 2:34 pm #527400

SimonPL
Participant

I need to setup custom background colors for each slider. How to do it?

Have now this:
– http://prnt.sc/8x17bp
– http://prnt.sc/8x17cz

Need to have this:
– http://prnt.sc/8x18ek

October 30, 2015 at 2:39 pm #527405

Yigit
Keymaster

Hey SimonPL!

Can you please post the link to your page?

Regards,
Yigit

October 30, 2015 at 2:55 pm #527432

SimonPL
Participant

I develop website on localhost.

I want to change background color of Accordion Slider like you have here: http://kriesi.at/themes/enfold/homepage/home-v10-magazine/

October 30, 2015 at 3:01 pm #527440
Yigit
Keymaster
Hi!

Please turn on custom CSS field for ALB elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and give your accordion slider a custom class and then add following code to Quick CSS in Enfold theme options under General Styling tab
```
.your-custom-class .aviaccordion-slide-1 .aviaccordion-preview-title-wrap {
    background: rgba(255,255,255,0.5)!important;
}
.your-custom-class .aviaccordion-slide-2 .aviaccordion-preview-title-wrap {
    background: rgba(0,255,255,0.5)!important;
}
.your-custom-class .aviaccordion-slide-3 .aviaccordion-preview-title-wrap {
    background: rgba(255,0,255,0.5)!important;
}
```
255,255,255 is the RGB value of the color and 0.5 is the opacity level

Cheers!
Yigit
October 30, 2015 at 3:23 pm #527466

SimonPL
Participant

Thanks! That’s great!
Author

Posts

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Set custom colors for Accordion Slider’ is closed to new replies.