Fitting custom background to screen?

• 

  traviscoleman614 · Member · May 11, 2013 at 5:52 am

  • Copy link
  • Add topic to favorites

  Hello,

  I am attempting to get my custom background image to fit to any screen in CSS but can’t quite figure it out.

  Any help would be greatly appreciated!

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · May 11, 2013 at 6:01 am

  • Copy link

  Add this to your custom CSS.

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

• 

  traviscoleman614 · Member · May 11, 2013 at 7:10 am

  • Copy link

  Thanks!

  When I resize my window, the image conforms somewhat but now the text doesn’t. I’ll keep messing with it.

• 

  thesacredpath · Member · May 11, 2013 at 1:49 pm

  • Copy link

  The text isn’t technically within the “body” and “body boundaries are the edges of the browser window. All page elements (text, etc.) are within the “page” div and the children/grandchild/etc., divs, which have dimension independent (sort of) of the browser window. That means the two resize differently.