Hi,

I’m using the Visual Editor to make use of the accordion section shortcode. It’s working fine other than I’d really like it to display each section’s height dependent on how much content is in that section. To clarify, at the moment say I have one section having enough content to have a height of 500px, it is forcing all sections to be that height even smaller ones which say have a content filler height of 200px, leaving a lot of white space.

When inspecting element using Chrome it’s showing the code as:

<div id="ui-accordion-1-panel-1" aria-labelledby="ui-accordion-1-header-1" role="tabpanel" aria-expanded="true" aria-hidden="false" style="display: block; height: 520px;">
				 <div>
	<div>
		<div>

<p>content</p>

		</div>
	</div> </div>
				</div>

So it is possible to see that at the end of the top div for the content it is adding the style=” tag of height:520px on default to all of the section. If I disable the “height:520px” element in the chrome tool, it works just how it should. Is there anyway I can turn this off so that each section creates it’s only height value dependent on what content is in that section alone?

Thanks for any help!