I’m not sure I fully understand the problem, but it could you have an alignment set on the image. That shouldn’t cause the image to overlap any content, but could cause the other accordions to float up beside the images. Try setting your image alignment to “None”.
If that doesn’t solve it, could you possibly share a link so I can take a look?
Thread Starter
mpound
(@mpound)
Yes, the image is left-aligned and now that you put it that way I realize that the other accordions were indeed floating up. I can’t use align:none because there is text in the same accordion panel as the image, and I want that text to float up beside the image. But I think I’ve solved the problem by using
.accordion-content {padding-bottom: 20px; display:inline-block;}
That could work. You could also clear the float. Just add: <div style="clear:both;"></div>
after the content, before the closing [/accordion-item]
shortcode. (Obviously add it on the Text (HTML) tab.
Thread Starter
mpound
(@mpound)
Thanks for the tip, and for the quick response. I am marking resolved.
Thread Starter
mpound
(@mpound)
Oh, I see it was already marked (: