This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

reduce padding between menu and Hero image

Open 1 reply plugin plugin-widgets-bundle question

earinder

8 years ago · Last reply by Alex S 8 years ago

Is there a way to reduce the gap between the menu bar and row containing a hero image? I have already adjusted the top padding to 0, but that didn’t seem to change anything.

I’m guessing adding custom css would do the trick?
http://www.davidarinder.org/about is the site

Thanks

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

Alex S Staff 8 years, 11 months ago

Hi Earinderm

You can change this with some custom CSS. Please note that due to how your theme is setup, the only way to do this is to remove the shadow on the masthead – sorry mate. :( If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Just add the following CSS.

This CSS will remove the shadow for all pages:

#headernav {
	box-shadow: none !important;
	border: none !important;
}
#getnoticed-featured-area {
	display: none;
}
.posttitle-hide {
	padding-top: 0 !important;
	border-top: 0 !important;
	background: transparent !important;
}
.entry-content {
	margin-top: 0 !important;
}

This CSS will remove the shadow for just the About page:

.page-id-550 #headernav {
	box-shadow: none !important;
	border: none !important;
}
.page-id-550 #getnoticed-featured-area {
	display: none;
}
.page-id-550 .posttitle-hide {
	padding-top: 0 !important;
	border-top: 0 !important;
	background: transparent !important;
}
.page-id-550 .entry-content {
	margin-top: 0 !important;
}

You might also need to install the SiteOrigin CSS Editor.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread