creating a page with 2 or three columns

  • Unknown's avatar

    can’t find a way to split a pages main body of content into columns

  • Hi there, the easiest and most reliable way to make columns is to choose a theme that displays the number of columns you’d like. Some themes also come with different page templates that let you choose how many columns you’d like displayed on a given page.

    It’s also possible to create columns using HTML and CSS code in the main content area of a page or post, but it takes a bit of coding and can be a bit tricky, because you won’t see the columns displayed in the Visual Editor.

    For example, you could use the Text editor to add this sort of code:

    <div class="colleft">
    left column goes here
    </div>
    <div class="colright">
    right column goes here
    </div>

    Then in your Custom CSS, you could define your columns as you like, for example:

    .colleft {
     float: left;
     width: 45%;
    }
    
    .colright {
     float: right;
     width: 45%;
    }

    Just let me know if you need further help.

  • The topic ‘creating a page with 2 or three columns’ is closed to new replies.