- This topic has 5 replies, 2 voices, and was last updated 8 years ago by .
Viewing 6 posts - 1 through 6 (of 6 total)
Viewing 6 posts - 1 through 6 (of 6 total)
- The topic ‘Homepage Feature Padding’ is closed to new replies.
Home › Community Forums › Epik Theme Support › Homepage Feature Padding
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?
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.
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?
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.
That was it. Thanks!
You’re Welcome!