Show three columns

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

    (@markwaregr)

    9 years, 3 months ago

    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)

    9 years, 3 months ago

    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)

    9 years, 3 months ago

    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 9 years, 3 months ago by Fotis.
    Thread Starter gstar

    (@gstar)

    9 years, 3 months ago

    Thank you that works!

    Fotis

    (@markwaregr)

    9 years, 3 months ago

    Glad I could help!

    Can you mark this thread as resolved?

    Thread Starter gstar

    (@gstar)

    9 years, 3 months ago

    Sure, done.

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

The topic ‘Show three columns’ is closed to new replies.