Trouble making image appear as backgroud

Permalink 1 user found helpful
Hi

Trying to add background image to new website and have added the below code to the customize theme add your own css area:

body {
  background-image: url("http://www.pro-bookkeeping.com.au/website/concrete/themes/default/images/Background.png")
  background-repeat: repeat;
}


But no background appears.

Any ideas how to fix?

 
tallacman replied on at Permalink Reply
tallacman
try:
html body {
  background-image: url("http://www.pro-bookkeeping.com.au/website/concrete/themes/default/images/Background.png")
  background-repeat: repeat;
}


Also you can reduce that image to one pixel wide and you'll save a lot of bandwidth without any visual change.

steve
codyheit replied on at Permalink Reply
Thanks for the help but have changed the code and no background is shown at all.
boomgraphics replied on at Permalink Reply
boomgraphics
I would take out the quotation marks and try it. The parser has issues with quotation marks.
boomgraphics replied on at Permalink Reply
boomgraphics
Also, check to make sure that your image name has a capitalized B like what you have. The names are case sensitive.
boomgraphics replied on at Permalink Reply
boomgraphics
Ah, sorry for so many replies, but also check that you are linking to the correct theme folder, because your link is going into the core files which isn't really recommended. Usually you copy the theme out of the core, and into your root themes folder. Then you can modify it as you please without risk of screwing up your core.

EDIT: I can go to the link and see the image, lol. So my above reply about the capitalized letter was a result of a lack of due diligence.... :-D

I still recommend copying out of the core and into the root for backwards compatibility reasons, and trying to link it without quotation marks (screwy parser).
codyheit replied on at Permalink Reply
Have tried but removes the background from the webpage.
boomgraphics replied on at Permalink Reply
boomgraphics
Hello, I figured out the problem. First, don't use quotes. Second, your url end parentheses doesn't have a semi colon. :-)

Use this:

body {
  background-image: url(http://www.pro-bookkeeping.com.au/website/concrete/themes/default/images/Background.png);
  background-repeat: repeat;
}


I have tested it, and it works. ;-)

PS: make sure you're pushing save after you enter the css. Simple thing, but I just caught myself forgetting it.
codyheit replied on at Permalink Reply
Thanks for helping works great.
boomgraphics replied on at Permalink Reply
boomgraphics
If you found my answer to be the best answer, please select "best answer" at the top of my post. This will help other people find the best answer for your question, and will give me karma points. Thanks! :-)