How to reduce bottom padding on .front-page-2

All of the padding can be found in the Front Page section inside your style.css file –

.front-page-2 .image-section {
	background: #fa5738;
	padding: 60px 0 20px;
}

.front-page-2 {
	margin-left: auto;
	margin-right: auto;
	margin-top: -160px;
	position: relative;
	width: 1000px;
}

.front-page-2 h4 {
	font-size: 34px;
	font-size: 3.4rem;
	font-weight: 400;
	line-height: 1.5;
	margin-bottom: 20px;
	text-transform: uppercase;
}

.front-page-2 .wrap {
	padding: 0 5%;
}

Sure thing!

Are you asking about Margin or Padding? Your first two posts asked about padding so that’s why I posted the code above. Margin and Padding are both different and have different effects.

I would leave the code with the margin auto as it is since that’s needed to center the entire front page 2 widget. As a matter of fact, the code I’m talking about doesn’t have margin in it, I just copy/pasted the front page 2 section from the Aspire Demo’s CSS.

I’ll assume you mean padding in this case (correct me if I’m wrong). To reduce the padding for the top and bottom of the widget you can adjust the padding inside the .front-page-2 .image-section part.

To reduce the left and right padding, change it under this code .front-page-2 .wrap.

I’m not sure how much padding you’ll want but if you adjust those 2 parts of the code it should work. It’s basically just the top and bottom CSS Selectors I posted above that you’ll need to edit in order to adjust it.

Although I don’t know the exact link to your site, this should still work on any Aspire theme install unless you’ve already edited this part of the code.

Does that help?