Hello @mleamons, you should specifically target the custom CSS selector to homepage only.

Try following custom CSS

.home .site-content {
    margin-top: -140px;
}

Hope this helps you.

Hello @mleamons

Can you please explain your issue in more details.
May be posting your issue creating new topic would be much better.
And let us know which CSS you copied along with the site URL.

Hope you understand.

Best Regards!!!

Hello @mlevine3@esu.edu

You have that huge space in the header because previously you have header image in that section. If you have removed the header image and placed the slider instead then you need to remove the previously given CSS for the header image to adjust it.

And the slider image doesn’t fit the entire space because of smaller image height. Slider height automatically adjust with the height of the image uploaded.
The recommended side of the image for slider is Slider Image : 1420px X 550px just below to place where you Set Featured Image.
Please try uploading the image of recommended size this will fix the issue.

And to change the gold color as you are referring you need to go to Admin Panel / Appearance / Customize / Theme Options / Advanced Options.
Here paste the below CSS.

#main-slider .cycle-caption {
    border-right: 8px solid #BD2925;
}

If you have any confusion the please let us know.

Regards!!!

Hello,

Please add the below given custom CSS to
Dashboard -> Appearance -> Customize -> Theme Options -> Advanced Options

#site-identity {
    background-color: initial;
}

Hope it helps.
Best regards.

Hello @bernardebuehi,

It is never recommended to make changes in the theme files as they will be lost upon update. You can apply all your CSS modifications by pasting your Custom CSS in the Custom CSS field in your Admin Dashboard > Appearance > Customize > Theme Options > Advanced Options > Custom CSS field.

To change the color you have requested in menu and go to top button areas please paste the following custom CSS in the Custom CSS field :

.main-navigation li.current-menu-item > a, .main-navigation li.current_page_item > a, .main-navigation li:hover > a {
    background: #c70039;}

#main-nav {
    border-bottom: 5px solid #c70039;
}
.scrollup {
    background: #c70039 none repeat scroll 0 0;
}

You can change the #c70039 hex color code in each selector to your desired color code. For reference on color hex code, see this link.

Alternatively, you can also choose to upgrade to the pro version of the Education Hub theme, which already contains the color options you are looking for along with other awesome features. To know more about the pro version of the theme see the link here: http://themepalace.com/downloads/education-hub-pro/

Best Regards !!

Hello @mlevine3@esu.edu

To fix the issue in mobile version you need to add custom CSS.
For this you need to go to Admin Panel / Appearance / Customize / Theme Options / Advanced Options.
Here you need to copy and paste following CSS.

#masthead {
    background-position: inherit;
}
@media only screen and (max-width: 767px) {
	.site-header {
	    padding: 0;
	}
}
@media only screen and (max-width: 767px) {
	.site-header {
	    padding: 0;
	}
}
@media only screen and (min-width : 320px) and (max-width : 568px) { 
	.site-header {
    	min-height: 70px;
	}
}
@media only screen and (min-width : 375px) and (max-width : 667px) { 
	.site-header {
    	min-height: 80px;
	}
}

@media only screen and (min-width : 414px) and (max-width : 736px) { 
	.site-header {
    	min-height: 90px;
	}
}
@media only screen and (min-width : 768px) and (max-width : 1024px)  { 
	
	.site-header {
	    min-height: 160px;
    	padding: 0; 
}
	#masthead {
	    background-position: center;
	    background-size: cover;
	}
}

Hope this will help you.
Let us know how it goes.

Regards!!!

Hello @mlevine3@esu.edu

I am using an image width of 1420, but it does not go full width like your demo.

For your information, the image shown in the demo is of slider and the image seen in you site is of header image.

Now to make header image of full width you need to add custom CSS.
For this you need to go to Admin Panel / Appearance / Customize / Theme Options / Advanced Options.

Here copy and paste below CSS.

#masthead {
    background-position: inherit;
}

I would like a single image with the caption option if possible.

Now the image you are seeing in the demo is of featured slider with caption. You currently don’t have option of header image with caption.

However you can try adding the slider.

You will find option for slider when you go to Admin Panel / Appearance / Customize / Featured Slider.

In this section you will see different option for slider.

Hope this will help to resolve your issue.

Regards!!!