Reduce white space/padding

Tagged: kathmandu

This topic has 1 reply, 2 voices, and was last updated 10 years, 5 months ago by Sakin.

Viewing 2 posts - 1 through 2 (of 2 total)

Author

Posts
June 11, 2014 at 9:15 pm #34270

Todd
Member

I found one code line that helped a little, but I’d still like to reduce what I assume is padding (the “white space”) in a few areas and nothing else I try seems to work. My goal is to get the homepage featured content images to show above the fold just a bit.
http://test.evergreenhomeenergy.net/

1. The request a quote graphic in the header right sidebar widget. But it’s not lined up with the logo. I’d like them to be balanced vertically.

2. I’d like to further reduce the white space above and below the logo and quote graphic a little more.

3. reduce the white space above the line “An Independent Energy…” just a bit

4. very slightly reduce the spacing in the headline area and the button size.

I’m not looking for major changes, just shaving some pixels in each area a little to help visitors see there’s more below. Thank you!

June 11, 2014 at 10:49 pm #34288
Sakin
Keymaster
@Todd:
1. The request a quote graphic in the header right sidebar widget. But it’s not lined up with the logo. I’d like them to be balanced vertically.
— For this you can remove the margin top by adding the following css in “Appearance => Theme Options => Custom CSS” box.
#header-right .widget { margin-top: 0; }

If this is not enough then you can adjust the padding top.
.header-sidebar { padding-top: 50px; }

2. I’d like to further reduce the white space above and below the logo and quote graphic a little more.
— For the space above logo, you can adjust the padding top
#site-logo { padding-top: 50px; }

3. reduce the white space above the line “An Independent Energy…” just a bit
— You can adjust the padding top in the following css.
.home #main { padding-top: 50px; }

4. very slightly reduce the spacing in the headline area and the button size.
— You can adjust the padding top and below as per your need.
```
#homepage-message {
    padding-bottom: 30px;
    padding-top: 30px;
}
```
Author

Posts