Forums

Background Image

Permalink 1 user found helpful
I'm looking for a free theme that allows you to change the background to an image. Builders like LiveSite make it easy, but it seems like this can only be done by paying for it, here. Is there a free version?
 
adajad replied on at Permalink Best Answer Reply
adajad
Actually it's easier than you think.

In your style.css add the below

/* customize_miscellaneous */ /* customize_miscellaneous */


That piece of code tells C5 that you can add your own style from the dashboard (Dashboard > Pages and Themes > Customize).

You will now see the option "Add Your CSS" when you are customizing your theme. By clicking on that you can add whatever style you would like. Try the below with a link to your own background. I borrowed a random background from http://www.pptbackgrounds.net for the example code below.

body{
background-image:url(http://www.pptbackgrounds.net/uploads/blue-flowers-backgrounds-wallpapers.jpg);
background-repeat:no-repeat;
background-position:center;
}


Of course you could also add it directly to your stylesheet, but by doing it this way you can change it directly from the dashboard whenever you like and you have the option to add even more styles than just the above.
buckheadbh replied on at Permalink Reply
Thanks! I tried this before, but I don't think I had the code right. I still can't seem to get it to work, though. I just copied and pasted your code and inserted my own link. It didn't work. Would the theme I have selected have anything to do with it?
buckheadbh replied on at Permalink Reply
Aha! Nevermind! It was the theme I had selected. Now I've got it working. Thanks a ton!
adajad replied on at Permalink Reply
adajad
Great!

Please mark a best answer to help others with similar problems. If my solution didn't help you then please describe what you did and mark that as answer.
ong replied on at Permalink Reply
ong
Hi

how often do I need to add
/* customize_miscellaneous */ /* customize_miscellaneous */

- and where do I need to add it? Just somewhere in the CSS file (not IN another style there, but as a "comment" just before the end of the file?

Olaf
TheRealSean replied on at Permalink Reply
TheRealSean
You add it inline within the CSS

body {/* customize_background */ background-color: #ffffff; /*
customize_background */ text-align: center; padding: 0px; margin: 0px;
}
body {
       /* customize_body */ font: normal normal 13px Arial; /* customize_body */
       /* customize_body */ color: #777777; /* customize_body */
}
a:hover {
       /* customize_link_hover */ color: #66CC00; /* customize_link_hover */
}


You can find a little more info here
http://www.concrete5.org/documentation/developers/pages/configurabl...
ong replied on at Permalink Reply
ong
Hi,

thanks, I read the article - but in my opinion it does not answer my question. I will simply assume I have to add it to any tag I want the user to be able to style himself.

Olaf
adajad replied on at Permalink Reply
adajad
You can add
/* customize_miscellaneous */ /* customize_miscellaneous */

at the end of your main.css file.

You will only need to add it once.
ong replied on at Permalink Reply
ong
Hi

this was an answer that clarifies it for me.
Thanks a lot!

Olaf