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 WordPress Specialist

Australian WordPress Specialists.

OrganicWeb provides leading WordPress solutions. Specialities include developing high converting Websites built with SEO from the ground up. Contact us to get more customers from your Website.

Leave a Reply