Community Forums › Forums › Archived Forums › General Discussion › How to make a page that has 2, different-width columns?
Tagged: Columns
- This topic has 4 replies, 2 voices, and was last updated 10 years, 8 months ago by speedmouse.
-
AuthorPosts
-
August 7, 2013 at 5:19 pm #54752speedmouseParticipant
Hello,
I have watched the video that tells us how to make columns on a page of text, but it only shows for equal-width columns.
I need to make a page that has 2 columns, one of which is 1/3 width of the page and the 2nd column to be 2/3 width of the page. How would I do this? Btw, some pages would have the wider column on the right side, some on the left, and some to be 2 columns of the same width ...perhaps better to say that the columns will vary on different pages.(I've searched the forum but the code shown in the relevant thread does not work:
<div class=”one-third first”>This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what is on your mind.</div> <div class=”two-thirds”>This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what is on your mind.</div>
Many thanks in advance for your time!
http://www.technohubitgroup.com/grigoriou/August 7, 2013 at 5:55 pm #54759speedmouseParticipantUPDATE:
I've put the code below here on this page (after watching the videos again): http://www.technohubitgroup.com/grigoriou/test__miranda/
<div class="one-third" first>This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what is on your mind.</div> <div class="two-thirds">This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what is on your mind.</div>
but as can be seen it doesn't show correctly
Btw, we're using Executive
August 7, 2013 at 8:05 pm #54791RobinMemberI've had that happen before. Since you will be using columns often and they will vary, You might find it easier to use the Genesis Shortcodes plugin.
http://wordpress.org/plugins/genesis-shortcodes/
Need help customizing your website? Let me know at RKW Media.
I’m taking up The Challenge by answering some of the Unanswered Posts.
August 8, 2013 at 2:08 am #54834speedmouseParticipantMany thanks, I will download it and see if it does the trick!
UPDATE: Sorry, back again 🙂 ...This is an example it gives in the README text:
[one_third_first]CONTENT[/one_third_first][one_third]CONTENT[/one_third]
I take it the 'CONTENT' is where we should put the content of a column but there are only 2 'CONTENT' and yet this is for thirds. I'm probably being thick here, but have played around putting the third bit of text in various position in that code but can't get 3 nice clean columns 🙁
August 8, 2013 at 5:28 am #54848speedmouseParticipantOk, all sorted now and understood! 🙂
-
AuthorPosts
- The forum ‘General Discussion’ is closed to new topics and replies.