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!

We are Australian WordPress specialists, MailChimp experts and Constant Contact solution sroviders
OrganicWeb are WordPress specialists, MailChimp Experts and Constant Contact Solution Providers.
We deliver results for small and large organizations worldwide.

Speak Your Mind

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