I use the Accordion slider in three different pages on my website. However I’d like the change the height of it on just one of them but not effect all three.
I’ve seen that the css code below effects the height perfectly. But I would like it to only effect one of my sliders.
#top .aviaccordion {
height: 100px;
}
Under the Accordion Slider settings called “Developer Settings”, I’ve added a “Custom CSS Class” of
recognitionaccordion
How do I add it to the css above to get that one slider height adjusted the way I’d like?
Or is there a different way to go about this. Any assistance you can provide would be greatly appreciated. Thank you for your time.
Hey HeidiHanson,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#top .recognitionaccordion .aviaccordion {
max-height: 100px !important;
}
If you need further assistance please let us know.
Best regards,
Victoria
THANK YOU! The code worked!!! I appreciate the fast turnaround support. Especially during the holiday season. THANK YOU AGAIN, Victoria.
Hi HeidiHanson,
Glad we could help :)
Happy holidays!
Best regards,
Victoria