Adding background image on main page – TheStyle theme

• 

  dmoss5211 · Member · Oct 4, 2016 at 11:23 pm

  • Copy link
  • Add topic to favorites

  Trying to use CSS to add a background image and this should be an easy question i hope!

  I need to know where the relative URL is to pull my image. I tried using the image URL from one of my uploaded pictures but nothing is showing up on my page. See example below.

  The code i’m using is

  body {
  background-image url(https://lowbrowcomics.files.wordpress.com/2016/10/ironfistlogo.png);
  background-repeat: no-repeat
  background-attachment: fixed; }

  Thanks in advance!

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

• 

  innisfreehomestead · Member · Oct 4, 2016 at 11:32 pm

  • Copy link

  Hey there,

  You’re really close! All you were missing was a colon and a semi-colon :)

  body {
  background-image: url(https://lowbrowcomics.files.wordpress.com/2016/10/ironfistlogo.png);
  background-repeat: no-repeat;
  background-attachment: fixed;
  }

  Let me know if that doesn’t work!
  Sage

• 

  dmoss5211 · Member · Oct 4, 2016 at 11:43 pm

  • Copy link

  That’s the trick! Thanks Sage!

  One more thing and i’m good, I need to make the image a tad smaller. What is the code for that?

• 

  dmoss5211 · Member · Oct 4, 2016 at 11:48 pm

  • Copy link

  And is there a way to lower the positioning of the background to under the top banner?

• 

  innisfreehomestead · Member · Oct 5, 2016 at 3:48 pm

  • Copy link

  Hey there,

  body {
  background-image: url(https://lowbrowcomics.files.wordpress.com/2016/10/ironfistlogo.png);
  	background-repeat: no-repeat;
  	background-attachment: fixed;
  	background-size: 600px;
  	background-position: center center;
  }

  Not entirely sure where you wanted the background image to show, but you can feel free to edit the background-position as well with replacing the “center center” with px values.

  Let me know if you have any further questions!
  Sage