how to to have equal space between 3 columns

  • Unknown's avatar
    traumainformedla · Member ·

    Hello,

    On my “Who We Are” page, I have content in 3 different columns. I would like the columns to have an equal space between them – currently the middle column is closer to the left column than to the right. Someone from wordpress was helping me to do this with html code, but said that it wasn’t working, and so I needed to look into finding CSS code that would resolve this. Could I get assistance with this, please?

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    pankajkumr · Member ·

    Hi traumainformedla

    Add the following code to your Customize > CSS.
    I have added the page id so it would only be applied on your “Who We Are” page.

    .page-id-3 .entry-content div {
    float: none !important;
    display: inline-block;
    padding: 0!important;
    text-align: center;
    margin: 0;
    padding: 0 9px!important;
    }
    .page-id-3 .entry-content {
    text-align: center;
    }

    Let me know if that doesn’t work.

  • The topic ‘how to to have equal space between 3 columns’ is closed to new replies.