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://wordpress.org/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.
