Can I change the background of a chosen template on concrete 5?
Permalink
I'm using on of the free templates and would like to know if I could change the color/look of the area on the left/right hand sides of my website. I choose the Natural Essence Theme and while I like the general look I would like to change that brown background thats visible on the the sides of the actual webpage.
thats a repeating image- go to root/themes/theme_natural_essence/themes/natural_essence/images and their should be a wooden repeating image- replace that with your own pattern.
Thanks for the response. Where do I find root/themes/theme_natural_essence/=
themes/natural_essence/images? Is it in the the tab where u reskin your sit=
e?
=20
> To: ermeav@hotmail.com
> Subject: Can I change the background of a chosen template on concrete 5?:=
Can I change the background of a chosen template on concrete 5?
> From: discussions@concretecms.com
> Date: Mon=2C 7 Feb 2011 18:45:02 -0500
>=20
>=20
you have to ftp to it or use your hosts file manager.
I'm sorry-- I have no clue what that means no do I have much web experience=
. Can u explain that in layman's terms where I go to change that?
I am with Hostmonster so do I go to the file manager in the cpanel on host=
monster.com? And if so what do I do in the file manager tab?
=20
> To: ermeav@hotmail.com
> Subject: Can I change the background of a chosen template on concrete 5?:=
Can I change the background of a chosen template on concrete 5?
> From: discussions@concretecms.com
> Date: Mon=2C 7 Feb 2011 21:15:01 -0500
>=20
>=20
What do you want to change the background to? Do you know anything about HTML or CSS? If not, you're going to want to just change it to a solid color because that will be a million times easier than learning how repeating background images work (and creating one that looks good).
To do that, go into the File Manager from hostmonster.com's cpanel. It will show you all of the files on your server. There's probably a folder called "public_html" or "www" or "htdocs" or something like that -- double-click it to go into that folder. Then you need to find a folder called "packages" and double-click that. Then find a folder called "theme_natural_essence" and double-click that. Then find a folder called "theme" and double-click that. Then find a folder called "natural_essence" and double-click that. There should be a file called "naturalessence.css" in there. Click on it and then click the "Edit" button at the top of the screen. If you get a message saying something about character encodings, just click "OK" or "Continue" or whatever (ignore it basically). Now it should bring up a bunch of text. Find this line:
(it should be near the top, directly under the line that says "body {").
Change it to this:
Now click "Save" at the top of the page. If it asks you what you want to do next, click "Return to File Manager".
Now try reloading the site. If you don't like that color, you need to find the hex code of a color that's better. Google for "hex code color picker" (you may need to do a little bit of learning here to figure it out). Find a color you like, get the hex code, repeat the steps above and change that line "background: #7C6F5C;" so it uses your new hex color code selection instead. For example, if you chose the hex color code "6699CC", replace that line with this:
background: #6699CC;
Good luck!
To do that, go into the File Manager from hostmonster.com's cpanel. It will show you all of the files on your server. There's probably a folder called "public_html" or "www" or "htdocs" or something like that -- double-click it to go into that folder. Then you need to find a folder called "packages" and double-click that. Then find a folder called "theme_natural_essence" and double-click that. Then find a folder called "theme" and double-click that. Then find a folder called "natural_essence" and double-click that. There should be a file called "naturalessence.css" in there. Click on it and then click the "Edit" button at the top of the screen. If you get a message saying something about character encodings, just click "OK" or "Continue" or whatever (ignore it basically). Now it should bring up a bunch of text. Find this line:
background: #7C6F5C url(img/bg.jpg);
(it should be near the top, directly under the line that says "body {").
Change it to this:
background: #7C6F5C;
Now click "Save" at the top of the page. If it asks you what you want to do next, click "Return to File Manager".
Now try reloading the site. If you don't like that color, you need to find the hex code of a color that's better. Google for "hex code color picker" (you may need to do a little bit of learning here to figure it out). Find a color you like, get the hex code, repeat the steps above and change that line "background: #7C6F5C;" so it uses your new hex color code selection instead. For example, if you chose the hex color code "6699CC", replace that line with this:
background: #6699CC;
Good luck!
