I need to create 2 columns to eliminate white space

my site http://bramergroup.com on the resources page i need to create two columns. So that the picture is above and the text below in two columns. Not sure how to do this.
Thanks,
Brian

  • Tyler Postle

    Hey Brian,

    Hope you're doing well today and thanks for your question!

    For this you can create a custom CSS class. We'll call the class "one-half".

    Since we're doing two columns, we will want to make each about 50% off the content area. lets do 48.5% just to be on the safe side in-case padding/margins get in the way.

    Place the below code block into your custom css field. If you don't have one then use this plugin here: https://wordpress.org/plugins/simple-custom-css/

    .one-half {
    width: 48.5%;
    }
    
    .first {
    clear: both;
    margin-left: 0;
    }

    The .first class is to make sure your first column aligns properly.

    Now that we have that, lets go ahead and wrap the respective content in div tags :slight_smile:

    <div class="one-half first">All your column one content goes here</div>
    <div class="one-half">All your column two content goes here</div>

    Try that out and if you need any further assistance just let us know!

    Cheers,
    Tyler

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.