In StudioPress, using CSS columns is simple to do and works well on responsive Themes (i.e. Android, iPhone, iPad etc. optimized Themes). You really shouldn’t be using tables and should be using columns in place of tables.
As I’ve noted many times, StudioPress make very well coded WordPress Themes however using columns does require basic HTML knowledge. Unlike many other Theme providers, StudioPress don’t provide shortcodes for using columns. Using columns therefore requires using the HTML editor in WordPress and declaring a class (I’ll show the syntax further down this Post.
What columns are available in StudioPress?
Here are the column widths available in StudioPress Themes:
The other important class is the class called first . It is important to always add the first class to the left-most column as this then forces a new row.
How to use the column classes
All you need to do to use the columns is, firstly choose the column width combinations you want to use then insert the following HTML into the HTML editor of your Page or Post in WordPress (adjust the HTML below according to your needs):
<div class="one-half first">YOUR FIRST COLUMN CONTENT HERE</div> <div class="one-half">YOUR SECOND COLUMN CONTENT HERE</div>
Simple. I provide WordPress training services if you’d like a one-on-one tutorial.