Increasing home page banner image spacing in Hydra

Hi Wendy-

With the call-to-action missing, the main place that the image spacing comes from is the margin-top on the div.entry-content element. So you can target that with a CSS rule like this:

div.entry-content {
	margin-top: 300px;
}

You might also want to consider using a screen size media query on this, because that rule will also affect the mobile view. So if you’d like to go a little smaller for small devices, try something like this (adjust the pixel values according to what looks best for your image):

div.entry-content {
	margin-top: 250px;
}
@media only screen and (min-width: 992px) {
div.entry-content {
	margin-top: 350px;
}
}

Hi Wendy-

As written above, this will affect all of the pages. You can add the class “home” to the rule if you’d like it to only affect the homepage, like so:

.home div.entry-content { ... }

Hi Wendy-

I think what you’re seeing is the 25px padding on the top of the entry-content div, so you can target that with a rule like this:

div.entry-content { padding-top: 0px; }