Dividing Text into 2 columns

  • Unknown's avatar
    nimblesystemspvtltd · Member ·

    Hi all,

    I would like to know if we can divide the text in articles into 2 columns, similar to how we have in newspapers. If yes, how?

    Awaiting an answer to this soon. Thanks in advance. :)

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

  • Unknown's avatar
    thesacredpath · Member ·

    You can do this, but on a responsive design theme, such as Yoko, you need to limit it to wider screens for readability reasons. In the below, I have limited it to 600px or wider. Below 600px in width, it returns to a single column. People on laptops and desktop systems, and the majority of people on tablets will see two columns. People on phones will see a single column.

    @media screen and (min-width: 600px) {
#content .entry-content {
    -moz-column-count: 2;
    -webkit-column-count: 2;
}
}
  • Unknown's avatar
    thesacredpath · Member ·

    Also, this would require the Custom Design upgrade. I checked your account and see that you do not currently have it. You can test this out though by going to Appearance > Customize > Custom Design and click on the Try button. Then click on CSS (lower right) and delete all the informational text and paste in the code I gave above and you can preview it.

    I’ll also note that this will not be visible to anyone on Internet Explorer 9 and below.

  • Unknown's avatar
    nimblesystemspvtltd · Member ·

    Thanks a lot Richard! That works pretty well! :)

  • The topic ‘Dividing Text into 2 columns’ is closed to new replies.