Hi Colin,
Thank you very much. In the main, this worked quite well.
My demo home page using the new template is:
http://bit.ly/2prtQBB
The problems I had was that the CSS to hide the header image did not hide it but I managed to hide it by replacing that block with:
.header-image {
display: none;
}
I also had to adjust the CSS like this:
@media screen and (min-width: 1620px) {
.entry-hero, .site-content-wrapper .has-post-thumbnail .entry-header {
min-height: 55vh;
width: 2000px;
height: 500px;
text-align: center !important;
font-family: lato !important;
margin-bottom: -60px;
}
}
.entry-hero .entry-title, .site-content-wrapper .has-post-thumbnail .entry-header-wrapper .entry-title {
font-family: lato, sans serif;
text-align: center !important;
margin-bottom: 80px;
}
Anything less than 1620px was making the text flow off the right hand side of the screen on 15” laptops, although Google’s test was happy with the mobile friendly aspect at a 1020 breakpoint. I work on a 23” monitor so was trying to get everything displaying well on that and then making sure it was acceptable on smaller screens.
I also had to make CSS adjustments so that the 2000px x 500px header appeared the right size as otherwise the header image was being stretched vertically and horizontally and was fuzzy.
I also wanted the text centre aligned and wasn’t keen on the Poppins font so changed that to Lato. I also had a large gap between the header image and start of body text so I adjusted the margin under the header to 80px.
I’m aware that there may be some errors here, perhaps I have conflicting styles but it seems to work on both desktops, tablets and mobile phones.
Unfortunately, I have lost the ability to use, if I wanted, the original Shoreditch full width template and now in the customiser I can only choose from the Default, Panel Page and new Featured header templates.
Would there be any way of getting back use of the original full width template if I wanted to also use that on some pages?
Basically I wanted 1) to retain the original Shoreditch features and 2) have the ability to have the white text on the headers. So No. 2 worked but No. 1 didn’t.
On posts, header images did not show at all but I found I could use featured images instead and they displayed at the correct header image sizes of 2000 x 500, which I liked.
Once again, thank you very much for your help.