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:
But no background appears.
Any ideas how to fix?
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?
Thanks for the help but have changed the code and no background is shown at all.
I would take out the quotation marks and try it. The parser has issues with quotation marks.
Also, check to make sure that your image name has a capitalized B like what you have. The names are case sensitive.
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).
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).
Have tried but removes the background from the webpage.
Hello, I figured out the problem. First, don't use quotes. Second, your url end parentheses doesn't have a semi colon. :-)
Use this:
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.
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.
Thanks for helping works great.
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! :-)
Also you can reduce that image to one pixel wide and you'll save a lot of bandwidth without any visual change.
steve