Hello, I’ve been trying to set up an image to be the banner on my blog page, but when I use the following CSS code, part of the image always seems to get cut off and I’m not sure what to do to resolve it. @media only screen and (min-width: 800px) { body#collection header { padding-top: 2em; tex…

Issues with header images

writeas

dino May 5, 2021, 7:52pm 4

Try this one

Share what you are working on and using! Development

Added a header image to my music blog using the CSS script below: @media only screen and (min-width: 800px) { body#collection header { padding-top: 2em; text-align: center; max-width: 100%; margin: 0 0 0 0; background-image: url('yourImage.jpg'); height: 572px; background-repeat: no-repeat; background-size: cover; } } I’m sure someone can use this and make it even better. The media query is to remove the header image when …

show post in topic

Home
Categories
Guidelines
Terms of Service
Privacy Policy

Powered by Discourse, best viewed with JavaScript enabled