Homepage Feature Padding

Tagged: epik, feature, homepage, padding

This topic has 5 replies, 2 voices, and was last updated 8 years ago by Wes.

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

Author

Posts
August 11, 2014 at 5:52 pm #13506

advertisemint
Customer

Hi. I just uploaded some images to my homepage in the featured areas (http://www.advertisemint.com/), but the spacing above and below the images is much more than what is seen on the demo site (http://my.studiopress.com/themes/epik/#demo-full).

How can I reduce the padding above and below the featured sections?

August 12, 2014 at 1:41 pm #13516

Wes
Moderator

You have extra transparent space at the top and bottom of your images. The spacing is the same as the demo, but it only appears like theres more because of the space in your images. I would take those images and cut off the extra transparent space that you have on the top and bottom and that would clear it up.

August 13, 2014 at 4:04 pm #13530

advertisemint
Customer

I cleaned up the images, but there is still a lot of padding above and below the images. Where would I go inside the code to reduce the padding?

August 14, 2014 at 12:09 pm #13540
Wes
Moderator
Each widget has a wrap that adds the padding. The gray sections are located on line 1403 –
```
.home-feature-bg .wrap {
    margin: 0 auto;
    overflow: hidden;
    padding: 120px 0 80px;
    width: 1140px;
}
```
The white sections are located on line 1464 –
```
.home-feature-bg-alt .wrap {
    margin: 0 auto;
    overflow: hidden;
    padding: 120px 0 80px;
    width: 1140px;
}
```
The code above handles all of those widget areas.
August 14, 2014 at 2:33 pm #13547

advertisemint
Customer

That was it. Thanks!

August 14, 2014 at 9:05 pm #13551

Wes
Moderator

You’re Welcome!
Author

Posts

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

The topic ‘Homepage Feature Padding’ is closed to new replies.