How to shrink background image

  • Resolved sandised

    (@sandised)


    7 years, 8 months ago

    Totally new to wordpress. Trying to use Custom CSS to shrink the background image of this website:
    http://www.sandiseduction.com

    I’m trying sth like:

    custom-background {
    width : 50%;
    height : 50%;
    }

    However, nothing happens. I’m guessing I’m not editing the correct element. Using the inspector on my webpage is fruitless as I can’t tell which element is the right one to edit.

    Help much appreciated! 🙂

Viewing 4 replies - 1 through 4 (of 4 total)
  • Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    7 years, 8 months ago

    that’s not valid CSS for the context of a background image.

    body.custom-background {
  background-size: contain;
}

    is what I think you want.

    Thread Starter sandised

    (@sandised)

    7 years, 8 months ago

    Thanks Steve.

    That made the website look very strange. It looks like the background image was put inside the layer that I made transparent to make the background image transparent. I don’t want that. I simply want to make the background image smaller so that it’s entire width fits the page.

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    7 years, 8 months ago

    That’s what “contain” does. You might also try “cover”.

    Thread Starter sandised

    (@sandised)

    7 years, 8 months ago

    Cover is the one! Thank you 🙂

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to shrink background image’ is closed to new replies.