Title: Show three columns
Last modified: February 4, 2017

---

# Show three columns

 *  Resolved [gstar](https://wordpress.org/support/users/gstar/)
 * (@gstar)
 * [9 years, 3 months ago](https://wordpress.org/support/topic/show-three-columns/)
 * How can I make text show in three columns?

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

 *  [Fotis](https://wordpress.org/support/users/markwaregr/)
 * (@markwaregr)
 * [9 years, 3 months ago](https://wordpress.org/support/topic/show-three-columns/#post-8739897)
 * 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](https://wordpress.org/support/users/gstar/)
 * (@gstar)
 * [9 years, 3 months ago](https://wordpress.org/support/topic/show-three-columns/#post-8739975)
 * Thanks [@markwaregr](https://wordpress.org/support/users/markwaregr/).
 * I meant just in a specific page for one section of text.
 * I think this CSS changes all text to three columns?
 *  [Fotis](https://wordpress.org/support/users/markwaregr/)
 * (@markwaregr)
 * [9 years, 3 months ago](https://wordpress.org/support/topic/show-three-columns/#post-8740827)
 * 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](https://wordpress.org/support/users/markwaregr/).
 *  Thread Starter [gstar](https://wordpress.org/support/users/gstar/)
 * (@gstar)
 * [9 years, 3 months ago](https://wordpress.org/support/topic/show-three-columns/#post-8741033)
 * Thank you that works!
 *  [Fotis](https://wordpress.org/support/users/markwaregr/)
 * (@markwaregr)
 * [9 years, 3 months ago](https://wordpress.org/support/topic/show-three-columns/#post-8744799)
 * Glad I could help!
 * Can you mark this thread as resolved?
 *  Thread Starter [gstar](https://wordpress.org/support/users/gstar/)
 * (@gstar)
 * [9 years, 3 months ago](https://wordpress.org/support/topic/show-three-columns/#post-8749512)
 * Sure, done.

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

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

 * ![](https://i0.wp.com/themes.svn.wordpress.org/olsen-light/1.7.1/screenshot.png)
 * Olsen Light
 * [Support Threads](https://wordpress.org/support/theme/olsen-light/)
 * [Active Topics](https://wordpress.org/support/theme/olsen-light/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/olsen-light/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/olsen-light/reviews/)

 * 6 replies
 * 2 participants
 * Last reply from: [gstar](https://wordpress.org/support/users/gstar/)
 * Last activity: [9 years, 3 months ago](https://wordpress.org/support/topic/show-three-columns/#post-8749512)
 * Status: resolved