Slate

Advanced Search

Full Width template formatting issue

Permalink Browser Info Environment
I have selected a full width format template for one section of the site I'm setting up. There's a full width slideshow header, and then the main body section has successive full width content blocks. Each block has text on the left that flows around a right-aligned 240 pixel wide picture of (slightly) varying heights. In the edit mode it looks great because each block is the same sized rectangle. However, once I end the edit, the blocks with the shorter text pull up the content blocks below them and it makes the page look like a ragged, scattered mess.

How can I hold the nice formatting I see in the edit mode? It's driving me crazy.
Type: Discussion
Status: New
gaijin4life
View Replies: View Best Answer
c5mix replied on at Permalink Best Answer Reply
c5mix
You can wrap the content of the blocks after the first one in a div and add a style of clear:both to it like so:
<div style="clear:both;">
content goes here
</div>

or just add the clear:both to the first line of text in each block after the first like this:
<p style="clear:both">First line of text</p>
gaijin4life replied on at Permalink Reply
gaijin4life
This worked great. Thanks again!
c5mix replied on at Permalink Reply
c5mix
you're welcome!

concrete5 Environment Information

Browser User-Agent String

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You have not specified a license for this support ticket. You must have a valid license assigned to a support ticket to request a refund.