Cornerstone problem - text not lining up

[joycre]

Hi there,

While editing a page in Cornerstone, I have encountered a problem. I was adding info to Classic Accordion, but the last photo and text are not lining up with the rest, whatever I do.
I was wondering if there is a lack of space.

Thanks in advance for the solution

[jade]

Hi there,

Would you mind providing the URL of this page so that we can check it?

Thank you.

[joycre]

Here is the URL: https://fit4rri.eu/partners/
its under Universidade do Minho

Thanks

[rad]

Hi there,

Please add this CSS to your global custom CSS.

.clear-both {
clear: both !important;
}

Then, add this line of code in between your content.

<div class="clear-both"></div>

Example,

<div class="clear-both"></div>

<h6><span><img src="https://fit4rri.eu/wp-content/uploads/2018/01/antoniacorreia-150x150.jpg" alt="FIT4RRI antonia correia" width="150" height="150" class="size-thumbnail wp-image-682 alignleft" />Antonia Correira</span></h6>
<p><span>Contributes to RRI Training activities and Open Science elearning materials, ensuring the link with FOSTER OS resources.</span></p>
<p>Email: <span id="eeb-451518"></span><script type="text/javascript">(function(){var ml="DcCrita0ohAkdsp.fE-43Feum2nl%",mi="LD26LI793F@LD0LIIH64K58LD:6J58J461833F46LC7=<GH?GH4J98?>5LIILI7LI71K6==LD0LIIH64K58BK4J;LIILDALD2=>6JLDA6J58J461833F46LC7=<GH?GH4J98?>5LD2LIE=>6JLDALD2LIE6LDA",o="";for(var j=0,l=mi.length;j<l;j++){o+=ml.charAt(mi.charCodeAt(j)-48);}document.getElementById("eeb-451518").innerHTML = decodeURIComponent(o);}());</script><noscript>*protected email*</noscript></p>

<div class="clear-both"></div>

<h6><span><img src="https://fit4rri.eu/wp-content/uploads/2018/01/PaulaMoura-150x150.jpg" alt="FIT4RRI Paula Moura" width="150" height="150" class="size-thumbnail wp-image-684 alignleft" />Paula Moura</span></h6>
<p><span>Contributes to RRI/OS Training materials collection and community engagement and communication activities.</span></p>
<p>Email: <span id="eeb-269265"></span><script type="text/javascript">(function(){var ml="3u2Ehpsl0k4Dm%c-oArdifntaC.eF",mi="=0IH=284BKE=0;=22<HD7G@=0A5H17H<@1BH=:86C1<J1<DF4@J5G=22=28=28>7H66=0;=22<HD7G@?7DF9=22=03=0I65HF=035H17H<@1BH=:86C1<J1<DF4@J5G=28=0I=2L65HF=03=0I=2LH=03",o="";for(var j=0,l=mi.length;j<l;j++){o+=ml.charAt(mi.charCodeAt(j)-48);}document.getElementById("eeb-269265").innerHTML = decodeURIComponent(o);}());</script><noscript>*protected email*</noscript></p>

<div class="clear-both"></div>

This is to make sure the next content starts in the new line, and please don’t forget to add that same line at the end of the content to make sure the accordion container adopt the height instead of the image floating outside.

Thanks!