Background image/size adj for header

  • Resolved rosina lippi

    (@greenery)


    3 years, 2 months ago

    I like this theme a lot, but I’ve run into some challenges with what I hope will be a global header, one with a background image. You’ll see from the link the following issues: the header image is cut off, and its placement in wonky. I spent some time researching how to handle this, but find I am out of my depths. At the same time I would like to be able to change the colors for the primary header, but I can’t make head nor tail of the css. If anyone can give me instructions on how the css should look for the header especially, I’d be very thankful.

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

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi there,

    On this CSS you have:

    #masthead {
    height: 400px;
    background-image: url(https://saradonati.com/wiki/wp-content/uploads/2021/09/morrison-banner-rev.jpg);
    background-position: cover;
    background-repeat: no-repeat;
    margin-left: -60px;
    -webkit-transform: translatex(0px) translatey(0px);
    -ms-transform: translatex(0px) translatey(0px);
    transform: translatex(0px) translatey(0px);
}

    background-position: cover; needs to be fixed.

    cover is used on background-size property.

    Change background-position: cover; to background-position: center;

    and add background-size: cover;.

    Thread Starter rosina lippi

    (@greenery)

    @ejcabquina : Many thanks for this, which solved the problem perfectly.

    Nice one. no problem. ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Background image/size adj for header’ is closed to new replies.