How to make a page that has 2, different-width columns?

Community Forums Forums General Discussion How to make a page that has 2, different-width columns?

This topic is: not resolved

Tagged: 

This topic contains 4 replies, has 2 voices, and was last updated by  speedmouse 1 year ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #54752

    speedmouse
    Participant
    Post count: 50

    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!

    • This topic was modified 1 year ago by  speedmouse.
    • This topic was modified 1 year ago by  speedmouse.
    http://www.technohubitgroup.com/grigoriou/
    #54759

    speedmouse
    Participant
    Post count: 50

    UPDATE:

    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

    #54791

    Robin
    Participant
    Post count: 151

    I’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.

    #54834

    speedmouse
    Participant
    Post count: 50

    Many 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 :(

    • This reply was modified 1 year ago by  speedmouse.
    • This reply was modified 1 year ago by  speedmouse.
    #54848

    speedmouse
    Participant
    Post count: 50

    Ok, all sorted now and understood! :)

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.