How to clear floats in StudioPress & WooThemes

In WordPress StudioPress and WooThemes  Themes, if you use column classes (i.e. you use columns in your Posts or Pages), you may notice that sometimes text below the columns are incorrectly aligned. This is due to the float CSS element and is easily solved with a bit of HTML and CSS (using the clear CSS element).

How to clear floats

Follow the simple steps below and your Genesis Framework or WooFramework content will again be correctly aligned:

  1. In the WordPress WYSIWYG editor, go into your Page or Post.
  2. In the Text tab enter the following immediately after your column DIVs / classes:
    <div style="clear: both;"></div>

That’s all and your text following the columns should now look brilliant!

Australian MailChimp and WordPress services

WordPress Specialists & MailChimp Experts.

OrganicWeb provides leading WordPress and MailChimp solutions from Australia to the world.

Speak Your Mind

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>