Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1269410

    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.

    #1269650

    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

    #1269656

    THANK YOU! The code worked!!! I appreciate the fast turnaround support. Especially during the holiday season. THANK YOU AGAIN, Victoria.

    #1269673

    Hi HeidiHanson,

    Glad we could help :)

    Happy holidays!
    Best regards,
    Victoria

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Accordion Slider custom height adjustment’ is closed to new replies.