Title: Change Content Width
Last modified: September 18, 2017

---

# Change Content Width

 *  Resolved [joshtaroli](https://wordpress.org/support/users/joshtaroli/)
 * (@joshtaroli)
 * [8 years, 7 months ago](https://wordpress.org/support/topic/change-content-width-5/)
 * Hello :),
 * I am trying to change the width of the content window on my pages. Preferably,
   I’d like to make the text narrower and leave the images as they are. If that’s
   not possible for logic reasons, aligning the text with the image (see link) would
   be great. After looking a bit around, I noticed that it’s theme specific. Could
   someone help me out and let me know what I need to change in the Kale theme?
 * Best,
 * Josh
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fchange-content-width-5%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [Rico Mossesgeld](https://wordpress.org/support/users/ricotheque/)
 * (@ricotheque)
 * [8 years, 7 months ago](https://wordpress.org/support/topic/change-content-width-5/#post-9508127)
 * Hi [@joshtaroli](https://wordpress.org/support/users/joshtaroli/), [@ricotheque](https://wordpress.org/support/users/ricotheque/)
   from LyraThemes here.
 * You can reduce the width of your text by adding this to **Appearance > Customize
   > Additional CSS** in your Dashboard:
 *     ```
       .single .entry-content p {
       	max-width: 800px;
       	margin-left: auto;
       	margin-right: auto;
       }
       ```
   
 * Just change “800px” to your desired width in pixels (like “600px” or even “450.5px”).
 * On a related note, you can also make the text larger through [the **Custom Typography** feature of Kale Pro](https://www.lyrathemes.com/documentation/kale/#custom-typography).
 * Hope this helps!
 *  Thread Starter [joshtaroli](https://wordpress.org/support/users/joshtaroli/)
 * (@joshtaroli)
 * [8 years, 7 months ago](https://wordpress.org/support/topic/change-content-width-5/#post-9522157)
 * Hi [@ricotheque](https://wordpress.org/support/users/ricotheque/),
 * Many thanks, that did it :)!
 * Cheers!
 *  Thread Starter [joshtaroli](https://wordpress.org/support/users/joshtaroli/)
 * (@joshtaroli)
 * [8 years, 7 months ago](https://wordpress.org/support/topic/change-content-width-5/#post-9565740)
 * Well, I said, that it solved the issue. Unfortunately, it does not.
 * I am looking at this post:
    [http://joshtaroli.com/marrakech-city?preview_id=1687&preview_nonce=7e95e8c80a&_thumbnail_id=-1&preview=true](http://joshtaroli.com/marrakech-city?preview_id=1687&preview_nonce=7e95e8c80a&_thumbnail_id=-1&preview=true)
 * Changing the px doesn’t affect it in the slightest.
 * Any ideas?
 *  Thread Starter [joshtaroli](https://wordpress.org/support/users/joshtaroli/)
 * (@joshtaroli)
 * [8 years, 7 months ago](https://wordpress.org/support/topic/change-content-width-5/#post-9565799)
 * Might this be due to the latest update?
 *  [Rico Mossesgeld](https://wordpress.org/support/users/ricotheque/)
 * (@ricotheque)
 * [8 years, 7 months ago](https://wordpress.org/support/topic/change-content-width-5/#post-9568227)
 * Hi [@joshtaroli](https://wordpress.org/support/users/joshtaroli/), you’re right.
   The code no longer works because of an update. Just replace `.single-post .entry-
   content p` with `.single-content` instead. 🙂
 *  Thread Starter [joshtaroli](https://wordpress.org/support/users/joshtaroli/)
 * (@joshtaroli)
 * [8 years, 7 months ago](https://wordpress.org/support/topic/change-content-width-5/#post-9570897)
 * Thanks [@ricotheque](https://wordpress.org/support/users/ricotheque/), it’s working:)!
 *  [barbaravdewinter](https://wordpress.org/support/users/barbaravdewinter/)
 * (@barbaravdewinter)
 * [8 years, 6 months ago](https://wordpress.org/support/topic/change-content-width-5/#post-9609725)
 * Hello!
    I’m having the same issue. My blog post is very flat and would like a
   smaller width so the text becomes more readable. I added the additional CSS, 
   but nothing has changed. This is what I added: .single-content p { max-width:
   450px; margin-left: auto; margin-right: auto; }
 * Is there anything else I need to do?
 *  Theme Author [lyrathemes](https://wordpress.org/support/users/lyrathemes/)
 * (@lyrathemes)
 * [8 years, 6 months ago](https://wordpress.org/support/topic/change-content-width-5/#post-9610386)
 * Try this @barbaradewinter:
 *     ```
       .single-content {
           max-width: 450px;
           margin: 0 auto;
       }
       ```
   
 *  [barbaravdewinter](https://wordpress.org/support/users/barbaravdewinter/)
 * (@barbaravdewinter)
 * [8 years, 6 months ago](https://wordpress.org/support/topic/change-content-width-5/#post-9624395)
 * Thanks for the help! The original code helped after updating the theme. Thanks
   anyway!

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

The topic ‘Change Content Width’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/kale/2.8.2/screenshot.jpg)
 * Kale
 * [Support Threads](https://wordpress.org/support/theme/kale/)
 * [Active Topics](https://wordpress.org/support/theme/kale/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/kale/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/kale/reviews/)

## Tags

 * [content](https://wordpress.org/support/topic-tag/content/)
 * [width](https://wordpress.org/support/topic-tag/width/)

 * 9 replies
 * 4 participants
 * Last reply from: [barbaravdewinter](https://wordpress.org/support/users/barbaravdewinter/)
 * Last activity: [8 years, 6 months ago](https://wordpress.org/support/topic/change-content-width-5/#post-9624395)
 * Status: resolved