How to Make Columns in Wordpress
Adding columns to a Wordpress page is a very simple task. You don't need to be an expert web designer to this. A few lines of HTML and CSS are all you need to create columns in Wordpress.
Other People Are Reading
Instructions
-
-
1
Login to your Wordpress blog.
-
2
Click on the \"Pages\" menu.
-
-
3
Click on any page you would like to add columns to. This will bring you to the editor screen for that page.
-
4
Click the \"HTML\" tab inside the editor.
-
5
Copy and paste the following HTML code into your page (remove quotation marks). This code will produce two columns:<br /><br />\"<div class=”embed”><br />Left Column Text<br /></div><br /><div class=”embed”><br />Right Column Text<br /></div><br /><div style=”clear:both;”></div>\"
-
6
Click the \"Update\" button to save your changes.
-
7
Click on the \"editor\" link under the \"Appearance\" menu.
-
8
Scroll-down and click on \"Style.css.\"
-
9
Add the following CSS code to your stylesheet (remove quotations):<br /><br />\".embed {<br />width:48%<br />GO<br />float:left<br />GO<br />padding:0 0 0 10px<br />GO<br />margin:0 0 20px 0<br />GO<br />}\"
-
10
Click the \"Update File\" button to save your changes. You will now see columns on the pages you added the HTML code to.
-
1
References
More Like This
Comments
-
It didn't work on my site?
-
I am very new to Wordpress, I how do I kow if I have this Custom CCs upgrade, and where on the page do I insert this code to create columns?
-
You must have the Custom CCS Upgrade to WordPress to edit stylesheets.
