• Hi,

    On my page I’m using a WP UI Post Widget accordion.
    I would like the accordion to always keep the same vertical space on the page.

    The problem is that depending on which ‘tab’ is selected the accordion re-sizes for the content in the tab and the vertical height changes.

    Is there a way I can constrain the accordion to always be the same vertical height? This means that regardless of the content in the tab the vertical space taken will be the same…

    Regards,
    Andy

    https://www.ads-software.com/extend/plugins/wp-ui/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Try this:
    settings>WP UI settings>Effects Tab>Accordion auto height>Check the Uniform accordion panel height box

    Thread Starter Andy22

    (@andy22)

    Hi,

    Thank you very much, this works in making the size consistent, which helps a lot!

    However,the entire size of the accordion changes depending on the posts length…So if the post have little text,the accordion is short and if the posts have too much text the accordion goes too tall.

    Now, is there a way I can set the size of the accordion to be the same height regardless of what content is inside it.

    Regards,
    Andy

    No problem. I just simply went in to my WordPress theme style-sheet(style.css) and added a custom style(customize to your specs):
    #specialtabs {
    overflow: visible;
    width: 700px;
    height: 600px;
    valign= top;
    }
    Then in my pages/posts I added all my content into the div but had the id of the style I created. Works just fine.

    <div id=”specialtabs”>
    tab code here
    </div>

    This a quick fix. Not sure how well it works with accordions because I have only ever used the horizontal tabs myself. Other discussion:
    https://www.ads-software.com/support/topic/plugin-wp-ui-tabs-accordions-sliders-width-and-alignment?replies=5

    Cheers,
    Michael

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to set accordion vertical size?’ is closed to new replies.