Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1406551

    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!

    #1406615

    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

    #1406621

    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.

    #1406640

    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

    #1406656

    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!!

    #1406661

    Hi,
    I watched the “Computed” tab while I mouse-over the element with the div selected
    Enfold_Support_2014.jpeg
    just trial and error, hope this helps.

    Best regards,
    Mike

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘accordion slider headings align top’ is closed to new replies.