WordPress.org

Ready to get started?Download WordPress

Forums

Graphene
[resolved] how do you create two columns in the edit page (7 posts)

  1. willnanc
    Member
    Posted 1 year ago #

    I would like to have the content page to have two columns like a newspaper???

    http://wordpress.org/extend/themes/graphene/

  2. kjodle
    Member
    Posted 1 year ago #

    Two columns in the edit page can be activated via screen options:
    http://blog.kjodle.net/2012/06/04/use-wordpress-screen-options-to-expand-your-blogging-options/

  3. willnanc
    Member
    Posted 1 year ago #

    Hi Kjodle

    Thanks mate.

    I get the two columns on the editing page. What I am after is two columns in the actual in the text edit piece, were you type your story? Can this be done?

    Cheers Bill

  4. kjodle
    Member
    Posted 1 year ago #

    Yes, if you are using the html editor.

    Add this code where you would like your columns to begin:

    <div style="
       -moz-column-count: 2; -moz-column-gap: 20px;
       -webkit-column-count: 2; -webkit-column-gap: 20px;
       column-count: 2; column-gap: 20px;">

    and </div> where you want the columns to end.

    You can change the number of columns to whatever you like, as well as the column gap.

  5. willnanc
    Member
    Posted 1 year ago #

    Thanks mate, I will give it a go very technical for me. So you put the code in front of the text and at the end of the text? in HTML. So you can't do it visual?

    Cheers B

  6. kjodle
    Member
    Posted 1 year ago #

    very technical for me

    Then you are probably better off using the Visual Editor to enter and format your content, and then using the HTML editor last to add that code.

    So you put the code in front of the text and at the end of the text?

    Yup. If you forget to include the closing div (</div>), it may mess up the rest of your page.

    So you can't do it visual?

    You can try my friend Josh's Ultimate TinyMCE Plugin, which will allow you to create columns by inserting a shortcode:
    http://wordpress.org/extend/plugins/ultimate-tinymce/

  7. willnanc
    Member
    Posted 1 year ago #

    I couldn't do it to techical, thanks anyawy :(

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags