Spacing under header image

  • Resolved haagap

    (@haagap)


    6 years, 8 months ago

    In my view (using Google Chrome and Win 10) there is too much space between the header image and the page title. Is there a simple fix to control this spacing via some add-on css in the customizer?

    It might even be interesting to overlap the page title and header image, or at least worth a try to see how that might look. Simple way to do that?

    Thanks for your suggestions.

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter haagap

    (@haagap)

    After a lot of trial and error, I figured out how to control the space between the header image and the page title myself:

    .hentry {padding-top: 10px (or whatever)}

    Haven’t figured out the second question yet.

    You have a holding page (or maintenance page) on that link which says A New WordPress Site Coming Soon! This means that no one except you can see the WordPress site you are developing.

    Thread Starter haagap

    (@haagap)

    Sorry, Andrzej, it should be viewable now. Thanks for the heads up.

    https://xcountrybike.com/6/ is still showing the same message!

    I found this in another Shoreditch thread. I use it in all my Shoreditch sites and it works well for me.

    
/* Adjust space above entry header */

@media screen and (min-width: 1020px) {
	.hentry {
		padding-top: 2.5em
	}
}
@media screen and (min-width: 896px) {
	.hentry {
		padding-top: 2.5em;
	}
}

    Your second question. If you use a featured image then the h1.entry-title will overlay on the featured image.

    Your current header image will, however, display on top of your featured image and you may want to hide this either with css:

    
.header-image {
    display: none;
    }

    or instead of defining a header image in the WordPress customiser (which displays on every page), you can use a plugin like Unique Headers to display header images only on specific pages.

    https://www.ads-software.com/plugins/unique-headers/

    Thread Starter haagap

    (@haagap)

    Andrzej, thanks for your reply. The .hentry css I described above seems to be working fine so far. If there is a problem in the future I will try the more detailed code you provided. The option you provided for my second question sounds useful. Not exactly what I had in mind but could have a similar result.

    Thread Starter haagap

    (@haagap)

    Resolved

    • This reply was modified 6 years, 8 months ago by haagap.
Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Spacing under header image’ is closed to new replies.