Weird paragraph display after columns « Support Forum | Kriesi.at

Support Forum » Coherence

Weird paragraph display after columns

8 posts from 4 voices

Started 1 year ago by marcoev
Latest reply from Devin
This topic is closed
This topic is not resolved

Tags:

marcoev
Member

Hi i'm using the [one_third] columns option, what i try to implement is to have 3 images side by side, and after those a paragraph that describe those images centered align, after that another paragraph indicating another data left aligned, but after the columns ends, the next paragraph start on the second column, and i cant achieve what i wants.

What i have is this:

<h3>Procedure</h3>
<h4>First Appointment</h4><div>
[one_third first]

[/one_third]

[one_third]

[/one_third]

[one_third]

[/one_third]
<p style="text-align: center;">During this appointment the surgeon places the implant in the space that needs rehabilitation, a selection of the most safe and functional place is made for the success of the implant procedure.</p>
<p style="text-align: left;">Appointment time is Approximate: 30min / 1 hr</p>

Hope someone can help me.

Posted 1 year ago #
Devin
Moderator

Hi marcoev,

Can you create a temporary admin account for me so that I can login and take a look at what you have now?

You can send the information to my email at DevinVinson (at) gmail.com. Make sure to include a link to this topic so that my spam filter doesn't grab it :)

Regards,

Devin

Posted 1 year ago #
marcoev
Member

Hi sorry for the delay, already send the user created from Wordpress, hope you can help, because this is happen to every page that i uses columns and after those columns every text start just after the las or smalles height column.

Posted 1 year ago #
bradpennock
Member

I think I understand the problem you're having because I have it too with the Coherence theme.

There is a problem with the column shortcode not clearing (either using a clear: both; or <br clear="all"> so that content below the columns doesn't "creep up" into the columns.

I've tried to find a way to correct this in the CSS but no luck so far.

My temporary fix (which I don't think should be a solution) is to add a <br clear="all"> immediately after the last [/one_third] shortcode in the HTML editor (which will probably be removed once you use the Visual editor, which is why it's not a recommended solution, just a temporary fix).

Posted 1 year ago #
marcoev
Member

Thanks, and yes that's the problem i have, i will try that solution, hope they release an update to resolve this thing.

Posted 1 year ago #
Dude
Dude
Hi!

You can try to add following css code to css/custom.css:
```
body div .first {
    clear: both;
}
```
Best regards,
Peter
Posted 1 year ago #
marcoev
Member

Hi Dude, the option doesn't work, have the next code
<h4>Procedure: First Appointment</h4> [one_third first][/one_third][one_third][/one_third][one_third][/one_third]<div style="text-align:justify">During this appointment the surgeon places the implant in the space that needs rehabilitation, a selection of the most safe and functional place is made for the success of the implant procedure.</div>

and the text start where the second column begins :S

Posted 1 year ago #
Devin
Moderator

Hi marcoev,

I never received any login information so I have not been able to take a look at the page. If you can send the information to me again I can try and take a look at whats going on.

Otherwise a link to the page might help as well just to inspect the css and see something jumps out as causing the issue.

Regards,

Devin

Posted 12 months ago #