Title: Remove White Space
Last modified: August 31, 2016

---

# Remove White Space

 *  Resolved [getaheadsolutions](https://wordpress.org/support/users/getaheadsolutions/)
 * (@getaheadsolutions)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/remove-white-space-7/)
 * Hi
 * Love this theme but wondered if there was anyway to remove the whitespace from
   above & below the banner (I have put a picture in the banner text widget)
 * [http://www.kathyskitchen.uk/](http://www.kathyskitchen.uk/)
 * (please excuse the site just setting it up and playing around with things so 
   doesn’t look it’s best yet!)
 * Thanks in Advance.
 * Kathy

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

 *  Theme Author [Shaped Pixels](https://wordpress.org/support/users/shaped-pixels/)
 * (@shaped-pixels)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/remove-white-space-7/#post-7000733)
 * Hi Kathy….first, no need to say please excuse the site….site’s have to start 
   somewhere. Besides, this one looks like it’s going to be a good one.
 * Anyway, the space issues. The first thing you will want to do is remove the `
   class="aligncenter"` from the image, because this has a predefined style for 
   the whole site wherever that is being used:
 *     ```
       .aligncenter {
           clear: both;
           margin: 0.5% auto 3%;
       }
       ```
   
 * The white space above is from the main content container which has this padding:
 *     ```
       #main {
           padding: 6%;
       }
       ```
   
 * You can adjust that or by creating a new one as:
 *     ```
       #main {
           padding-top: 3%;
       }
       ```
   
 * That will of course be global though (on all pages), so if you want to target
   just the front page, you can do it like this:
 *     ```
       .home #main {
           padding-top: 3%;
       }
       ```
   
 * Was this what you were wanting?
 *  Thread Starter [getaheadsolutions](https://wordpress.org/support/users/getaheadsolutions/)
 * (@getaheadsolutions)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/remove-white-space-7/#post-7000755)
 * Thanks for the really quick reply. Yes that looks like what I’m wanting – however
   can you point me in the right direction for which file the css needs to be edited
   in?
 *  [stephencottontail](https://wordpress.org/support/users/stephencottontail/)
 * (@stephencottontail)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/remove-white-space-7/#post-7000760)
 * It’s best not to edit the theme’s files directly, as you’ll lose those changes
   if the theme is ever updated in the future, to fix bugs or security issues or
   to add new features. Instead, you should use a [custom CSS plugin](http://wordpress.org/plugins/search.php?q=custom+css)
   or your theme’s built-in custom CSS option.
 *  Theme Author [Shaped Pixels](https://wordpress.org/support/users/shaped-pixels/)
 * (@shaped-pixels)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/remove-white-space-7/#post-7000764)
 * Ah, Stephen you beat me to the reply, lol 🙂
 * [@getaheadsolutions](https://wordpress.org/support/users/getaheadsolutions/) 
   For a plugin recommendation, I find the Simple Custom CSS one to be a good one.
 *  Thread Starter [getaheadsolutions](https://wordpress.org/support/users/getaheadsolutions/)
 * (@getaheadsolutions)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/remove-white-space-7/#post-7000765)
 * Thanks Stephen – thanks for reminding me (have done custom css before – just 
   been long day!) Plugin installed and issue with top white space sorted.
 * Thanks
 *  Theme Author [Shaped Pixels](https://wordpress.org/support/users/shaped-pixels/)
 * (@shaped-pixels)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/remove-white-space-7/#post-7000773)
 * Good to hear 🙂
    I am guessing we can close this topic as “Resolved” ?
 *  Thread Starter [getaheadsolutions](https://wordpress.org/support/users/getaheadsolutions/)
 * (@getaheadsolutions)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/remove-white-space-7/#post-7000774)
 * Almost!
    Would now like to remove white space between banner & search box (will
   make point of having good look through CSS files soon so I can find these things
   myself in future!)
 *  Theme Author [Shaped Pixels](https://wordpress.org/support/users/shaped-pixels/)
 * (@shaped-pixels)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/remove-white-space-7/#post-7000782)
 * You can remove the aligncenter class from your image, although that will float
   the search right up under the banner with no space. You could customize the aligncenter
   class by doing this:
 *     ```
       #banner .aligncenter {
       margin-bottom: 20px;
       }
       ```
   
 * Of course, you would adjust the margin to your needs.
 *  Thread Starter [getaheadsolutions](https://wordpress.org/support/users/getaheadsolutions/)
 * (@getaheadsolutions)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/remove-white-space-7/#post-7000837)
 * Perfect thank you.

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

The topic ‘Remove White Space’ is closed to new replies.

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

 * 9 replies
 * 3 participants
 * Last reply from: [getaheadsolutions](https://wordpress.org/support/users/getaheadsolutions/)
 * Last activity: [10 years, 3 months ago](https://wordpress.org/support/topic/remove-white-space-7/#post-7000837)
 * Status: resolved