Viewing 6 replies - 1 through 6 (of 6 total)
  • Fotis

    (@markwaregr)

    Hello there,
    you will need to add this

    
    .single .entry-content{
      -webkit-column-count: 3; /* Chrome, Safari, Opera */
        -moz-column-count: 3; /* Firefox */
        column-count: 3;
    }
    

    in your custom CSS box under Appearance->Customize->Other.

    Thread Starter gstar

    (@gstar)

    Thanks @markwaregr.

    I meant just in a specific page for one section of text.

    I think this CSS changes all text to three columns?

    Fotis

    (@markwaregr)

    Hi there,
    you can add a new HTML element with a custom Class from your WordPress editor (text) like this
    <div class="three-columns">Your text here</div>
    and use this

    
    .three-columns{
      -webkit-column-count: 3; /* Chrome, Safari, Opera */
        -moz-column-count: 3; /* Firefox */
        column-count: 3;
    }

    in your custom CSS.

    • This reply was modified 8 years, 1 month ago by Fotis.
    Thread Starter gstar

    (@gstar)

    Thank you that works!

    Fotis

    (@markwaregr)

    Glad I could help!

    Can you mark this thread as resolved?

    Thread Starter gstar

    (@gstar)

    Sure, done.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Show three columns’ is closed to new replies.