-
Posts
-
Hello,
My client has requested a few customization’s to the accordion slider element.
1. Currently the Heading text appears to be center-aligned vertically, but we want the text to aligned at the top. I don’t want the text to be at the top of the container, just aligned with the top, so that you have a straight alignment across the top of each header even as you resize the browser window.
2. Each header has two words, he wants these words to always be on separate lines, stacked vertically, how could i insert a space inside the headers?
3. Currently when you hover over a slide, it expands and the other 3 slides compress, obscuring the view of their titles. He wants the Header text to always be visible, even when the slides are compressed when a different slide is open. Can we adjust the width of how far a slide expands? Thanks!
Hey edgeofcinema,
Thank you for the inquiry.
1-3.) Could you provide a screenshot of the changes you’d like to implement? We can’t find the Accordion element on the home page. Please provide a direct link to the page with the element.
2.) You can create new lines by adding a br tag to the title. Example:
Two <br class="permanent-br"/> WordsBest regards,
IsmaelHi,
Thank you for the update.
1.) To align the captions to the top, please try this css code:
#top .aviaccordion-preview-title { display: table-cell; vertical-align: top; }3.) Unfortunately, this is not possible without significant modification in the enfold/config-templatebuilder/avia-shortcodes/slideshow_accordion/slideshow_accordion.js file.
Best regards,
Ismael
- You must be logged in to reply to this topic.