Title: Reduce Padding
Last modified: August 21, 2016

---

# Reduce Padding

 *  Resolved [Spaldo](https://wordpress.org/support/users/spaldo/)
 * (@spaldo)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/reduce-padding-1/)
 * Hello,
 * I find the padding on the left sidebar, middle page and right side bar are too
   big.
 * I would like the text in the middle page to almost hit the sidebars and not have
   such a big gap.
 * I have searched many threads and Google, but, no luck so far. I made the width
   on Twenty Fourteen smaller and that is why I want to use all of the possible 
   real estate and not waste any!
 * Thanks.

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

 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [11 years, 10 months ago](https://wordpress.org/support/topic/reduce-padding-1/#post-5157402)
 * If you’re not using a Child Theme, and if the theme doesn’t have a designated
   section of the dashboard for CSS modifications then install this Custom CSS Manager
   plugin [http://wordpress.org/plugins/custom-css-manager-plugin](http://wordpress.org/plugins/custom-css-manager-plugin)
 * Then use its “CSS Code” [section of the dashboard](http://wordpress.org/plugins/custom-css-manager-plugin/screenshot-1.jpg?r=704634)
   to hold your CSS modifications:
 * _Alternatively use your Child Theme style.css file to hold your CSS modifications:_
 *     ```
       .site-content .entry-header,
       .site-content .entry-content,
       .site-content .entry-summary,
       .site-content .entry-meta,
       .page-content {
           max-width: 95%;
   
       }
       ```
   
 *  Thread Starter [Spaldo](https://wordpress.org/support/users/spaldo/)
 * (@spaldo)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/reduce-padding-1/#post-5157404)
 * Hi,
 * Thanks for the quick reply. Can you remove my other post in the wrong section?
 * I am using Custom CSS Manager and currently have the following in it:
 *     ```
       #page {
       margin-left: auto;
       margin-right: auto;
       }
       #page { max-width: 970px; }
       ```
   
 * I tried adding the above code you posted below that code and it didn’t make any
   difference 🙁
 * Thanks.
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [11 years, 10 months ago](https://wordpress.org/support/topic/reduce-padding-1/#post-5157405)
 * Then you need to link the website with the problem
 *  Thread Starter [Spaldo](https://wordpress.org/support/users/spaldo/)
 * (@spaldo)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/reduce-padding-1/#post-5157406)
 * [http://wordpress.waverleyprimaryschool.com.au/](http://wordpress.waverleyprimaryschool.com.au/)
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [11 years, 10 months ago](https://wordpress.org/support/topic/reduce-padding-1/#post-5157408)
 * I strongly suggest changing your “wordpress” domain name: [http://wordpressfoundation.org/trademark-policy/](http://wordpressfoundation.org/trademark-policy/)
 * _Back to your issue…_
    Where exactly did you put the code I recommended (above)?
   [http://wordpress.waverleyprimaryschool.com.au/?action=display_custom_css_code](http://wordpress.waverleyprimaryschool.com.au/?action=display_custom_css_code)
 *  Thread Starter [Spaldo](https://wordpress.org/support/users/spaldo/)
 * (@spaldo)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/reduce-padding-1/#post-5157409)
 * Thanks for that tip, this site is only in testing mode. Once it is changed it
   will not have word press in the sub-domain, it will be www.
 * I put the code as you listed in the Custom CSS Manager plugin.
 * Is it not displayed in that link?
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [11 years, 10 months ago](https://wordpress.org/support/topic/reduce-padding-1/#post-5157410)
 * It is there now, sorry I guess I didn’t clear my cache.
 * Wait, your website is so different from the original Twenty Fourteen theme that
   what I recommended just doesn’t apply to your customised theme.
 * What exactly did you mean by this:
 * > I would like the text in the middle page to almost hit the sidebars and not
   > have such a big gap.
 *  Thread Starter [Spaldo](https://wordpress.org/support/users/spaldo/)
 * (@spaldo)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/reduce-padding-1/#post-5157413)
 * Thanks for the reply:
 * [http://wordpress.waverleyprimaryschool.com.au/temp/nogap.jpg](http://wordpress.waverleyprimaryschool.com.au/temp/nogap.jpg)
 * Basically where the red lines are, I want that text hard up against the right
   sidebar. That empty space is being wasted.
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [11 years, 10 months ago](https://wordpress.org/support/topic/reduce-padding-1/#post-5157415)
 * Remove my above recommended code and add this instead:
 *     ```
       .archive-header,
       .comments-area,
       .image-navigation,
       .page-header,
       .page-content,
       .post-navigation,
       .site-content .entry-header,
       .site-content .entry-content,
       .site-content .entry-summary,
       .site-content footer.entry-meta {
           margin: 0;
           padding: 0;
       }
   
       .content-area,
       .content-sidebar {
           padding-top: 10px;
       }
       ```
   
 *  Thread Starter [Spaldo](https://wordpress.org/support/users/spaldo/)
 * (@spaldo)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/reduce-padding-1/#post-5157417)
 * Andrew, I cannot thank you enough. I have been searching Google and the forums
   for hours. I have tried many combinations of keywords and no dice.
 * You have replied super fast and it is now working exactly how I wanted it!
 * Thank you again.
 *  Thread Starter [Spaldo](https://wordpress.org/support/users/spaldo/)
 * (@spaldo)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/reduce-padding-1/#post-5157418)
 * I have one last question, if you can assist, because I changed the page width,
   when you scroll down, the menu bar goes very strange and to the right off the
   screen.
 * Do you know how that can be fixed?
 * Thanks again
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [11 years, 10 months ago](https://wordpress.org/support/topic/reduce-padding-1/#post-5157419)
 * Sorry I can’t see an issue when I scroll down. Can you open a new thread about
   that [http://wordpress.org/support/theme/twentyfourteen#postform](http://wordpress.org/support/theme/twentyfourteen#postform)

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

The topic ‘Reduce Padding’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/twentyfourteen/4.5/screenshot.
   png)
 * Twenty Fourteen
 * [Support Threads](https://wordpress.org/support/theme/twentyfourteen/)
 * [Active Topics](https://wordpress.org/support/theme/twentyfourteen/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/twentyfourteen/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/twentyfourteen/reviews/)

 * 12 replies
 * 2 participants
 * Last reply from: [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * Last activity: [11 years, 10 months ago](https://wordpress.org/support/topic/reduce-padding-1/#post-5157419)
 * Status: resolved