Title: Theme width / margins
Last modified: May 1, 2020

---

# Theme width / margins

 *  [thefoodspiration](https://wordpress.org/support/users/thefoodspiration/)
 * (@thefoodspiration)
 * [6 years, 1 month ago](https://wordpress.org/support/topic/theme-width-margins/)
 * Hello,
    Is it possible to change the margins of whole theme? I want all content
   to be little bit narrower, so it would be great to change it just once in the
   whole theme.
 * Thank you,
    Jana
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Ftheme-width-margins%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [siniplyrathemes](https://wordpress.org/support/users/siniplyrathemes/)
 * (@siniplyrathemes)
 * [6 years, 1 month ago](https://wordpress.org/support/topic/theme-width-margins/#post-12763560)
 * Hi, thefoodspiration.
 * Thank you for contacting us and for using our theme. We appreciate it.
 * That domain is parked at the moment so I couldn’t see your website, but I’ve 
   based this piece of CSS on our demo Kale website.
 * Please add this to _Appearance -> Customize -> Additional CSS_:
 *     ```
       .container {
       	width: 80%;
       }
       ```
   
 * Or if it doesn’t have any effect, try this:
 *     ```
       .container {
       	width: 80% !important;
       }
       ```
   
 * Adjust 80% to whatever you want.
 * I hope this helps.
 * Kind regards.
 *  Thread Starter [thefoodspiration](https://wordpress.org/support/users/thefoodspiration/)
 * (@thefoodspiration)
 * [6 years, 1 month ago](https://wordpress.org/support/topic/theme-width-margins/#post-12763627)
 * Hello,
    it works, but I actually ment the margins of white/grey area. Now content
   is adjusted to the white area, when I use this code, the content is smaller but
   white area is still the same and it doesn’t look so good on the mobile phone.
   Also it cuts the pictures then in the phone view.
 * Thank you,
    Jana
 *  Thread Starter [thefoodspiration](https://wordpress.org/support/users/thefoodspiration/)
 * (@thefoodspiration)
 * [6 years, 1 month ago](https://wordpress.org/support/topic/theme-width-margins/#post-12763629)
 * It would be the best, if I could use is just for phone view.
 *  [siniplyrathemes](https://wordpress.org/support/users/siniplyrathemes/)
 * (@siniplyrathemes)
 * [6 years, 1 month ago](https://wordpress.org/support/topic/theme-width-margins/#post-12764217)
 * Yes, it is possible to limit the code to mobile view only, but since I have no
   idea what grey area you’re talking about, could you post a screenshot of your
   website or make it available publicly?
 * This is what I see when I access it – [https://prnt.sc/s96p4q](https://prnt.sc/s96p4q)
 *  Theme Author [lyrathemes](https://wordpress.org/support/users/lyrathemes/)
 * (@lyrathemes)
 * [6 years, 1 month ago](https://wordpress.org/support/topic/theme-width-margins/#post-12767236)
 * [@siniplyrathemes](https://wordpress.org/support/users/siniplyrathemes/) Good
   to see you here 😀
 *  Thread Starter [thefoodspiration](https://wordpress.org/support/users/thefoodspiration/)
 * (@thefoodspiration)
 * [6 years, 1 month ago](https://wordpress.org/support/topic/theme-width-margins/#post-12768927)
 * Hello,
    sorry my site is not published yet. Where can I send you screenshot? 
   There is no option for in these messages.
 *  [siniplyrathemes](https://wordpress.org/support/users/siniplyrathemes/)
 * (@siniplyrathemes)
 * [6 years, 1 month ago](https://wordpress.org/support/topic/theme-width-margins/#post-12772205)
 * Hi, you can use the same service that I’ve used to post my screenshot – [https://prnt.sc/](https://prnt.sc/).
   
   Make a screnshot, upload it there and post the link here.
 * Kind regards.
 *  Thread Starter [thefoodspiration](https://wordpress.org/support/users/thefoodspiration/)
 * (@thefoodspiration)
 * [6 years, 1 month ago](https://wordpress.org/support/topic/theme-width-margins/#post-12773241)
 * Hello,
    this is what I ment in red circles: [https://prnt.sc/sa6mqu](https://prnt.sc/sa6mqu)
 * The best would be if I could only change it on computer view and leave it the
   same in phone view. Thank you.
 * Kind regards,
    Jana
 *  [siniplyrathemes](https://wordpress.org/support/users/siniplyrathemes/)
 * (@siniplyrathemes)
 * [6 years, 1 month ago](https://wordpress.org/support/topic/theme-width-margins/#post-12773573)
 * Hi and thank you for the screenshot.
 * You can try this:
 *     ```
       @media(min-width: 1280px) {
       	.main-wrapper, .container { width: 90% !important; }
       }
       ```
   
 * It will affect only the screen resolution of 1280px and higher so the mobile 
   view should remain the same.
 * FYI, the URL you’ve posted in the opening post is wrong.
 * Kind regards.
 *  Thread Starter [thefoodspiration](https://wordpress.org/support/users/thefoodspiration/)
 * (@thefoodspiration)
 * [6 years, 1 month ago](https://wordpress.org/support/topic/theme-width-margins/#post-12774073)
 * This works! Thank you very much.
 * Kind regards,
    Jana

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

The topic ‘Theme width / margins’ 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/)

 * 10 replies
 * 3 participants
 * Last reply from: [thefoodspiration](https://wordpress.org/support/users/thefoodspiration/)
 * Last activity: [6 years, 1 month ago](https://wordpress.org/support/topic/theme-width-margins/#post-12774073)
 * Status: not resolved