I’m having trouble pinning down the css for keeping the headings top-aligned when the accordion slider sections open. You can see here I have them top-aligned, but when you hover over a section and it slides open, the headings drop down — can you help me with that css? Thanks!
Hey sky19er,
Please remove your custom css:
#top .aviaccordion-preview-title {
vertical-align: top !important;
}
and use this css instead:
#top #main .aviaccordion-preview-title {
vertical-align: top;
padding-top: 20px;
}
After applying the css, please clear your browser cache and check.
Best regards,
Mike
Ahh, nice! Thanks, again, Mike! Any tips for how to find that kind of thing? I’m usually pretty good with css, but it seemed particularly hard to find the css that was changing when the slides open.
Hi,
Glad this helped, it was hard because it is using percentages that change the value with screen sizes and in its different states, but a hard px value seems to correct.
Unless there is anything else we can assist with on this issue, shall we close this then?
Best regards,
Mike
Thanks, Mike — what I find tricky is that, when looking in the inspector, unlike with “normal” hover states, I can’t see any change in the css when the slides open, so I couldn’t find what to target — know what I mean? Anyway, if you don’t know what I mean or don’t have any other advice in that respect, feel free to close the topic — and thanks again!!