Hero Image in The Classic Press Theme

General Discussion Coding Help
1

Trying to figure out how to have a hero image in my masthead of the Classic Press Theme but changing the background image and adding width/height to css isn’t working. Image is still not full height.

Blockquote #masthead {
display: flex;
align-items: center;
justify-content: space-between;
margin: 0;
padding: 0.75em 0;
background-image: url(“https://www.mywebsite/wp-content/uploads/2024/11/anglers-shoreline-header-2.jpg”);
width:100%;
height:100%;
}

Blockquote

2

It’s a bit hard to make suggestions without a site on which to see this, but I’d first suggest changing the width:100%; to max-width:100%; and changing height:100%; to height:auto;

1 Like
3

Hi Tim, sorry but it isn’t live yet. In any case, I did some more researching and was able to achieve what I wanted a different way. Thanks for the reply though much appreciated.

2 Likes