Default Template Background

is it possible to change the default template background colour to another colour ?

Hi,

Open this file in your favorite texteditor.
catalog/view/theme/your-theme/stylesheet/stylesheet.css
Find line 6 color: #000000;

Try changing it to color: #CCC;

Regards Werner

Werner that wil change the text colour.

There is no default background colour set by OpenCart on he body

90% of the time it will be white unless someone changes there default settings for the browser or windows theme etc (i believe)

Anyway back on topic

edit your stylesheet.css file as mentioned above

after

body{

add

background: #ccc /* or whatever colour you wish */

Note in doing so you will see the background colour in between various modules etc of the site

to remedy this, you should also add a background colour to the #container{ style section

Lol you are right doing one thing to many i gues

Ofcourse it should be change background-color: #FFFFFF;
To background-color: #CCC;

Note: v1.5.1.3 does set the background color on the body tag

Thanks

Regards Werner

Hi guys,

I followed your instructions,
yes the background's colour changed, but only partial....
quarter bottom only...
wonder why, I just change the colour code, is there any else I should alter?

im using 1.5.3.1...

initially like this :

html {
overflow: -moz-scrollbars-vertical;
margin: 0;
padding: 0;
}
body {
background: #000 url(../image/bg.png) repeat-x;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
}
body, td, th, input, textarea, select, a {
font-size: 12px;

change to:

html {
overflow: -moz-scrollbars-vertical;
margin: 0;
padding: 0;
}
body {
background: #FFFFFF url(../image/bg.png) repeat-x;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
}
body, td, th, input, textarea, select, a {
font-size: 12px;

please advise....

regards

Hi,

You will need to identify all the containers from wich you want to change the background color.

I think you also need to remove or edit the background image this image ../image/bg.png is the reasonm why the top part of your store hasn't changed yet.

Regards Werner

If you download web developer plugin for firefox: https://addons.mozilla.org/en-US/firefo ... developer/

You can see what css is being used in a specific area.. once it's installed, press ctrl+shift+y then click on the area you want to see the css for.

You will need to identify all the containers from wich you want to change the background color.

I think you also need to remove or edit the background image this image ../image/bg.png is the reasonm why the top part of your store hasn't changed yet.

Regards Werner

yeah, I removed the ""../image/bg.png"", whole page change colour,
except the information box at the bottom, cant find its column in the stylesheet.

Cyberwoolf wrote:If you download web developer plugin for firefox: https://addons.mozilla.org/en-US/firefo ... developer/

You can see what css is being used in a specific area.. once it's installed, press ctrl+shift+y then click on the area you want to see the css for.

I installed it, but no idea how to use it... I might need to find reference/tutorials learn how to use it..

____________________________________________________________________________________________
Thanks guys...

owh one more thing,
How to change colour of the font? currently it's white... cant find in the stylesheet as well..
If I want to change font type, just simply type the name of the font?

Best Regards

roozaimee wrote: I installed it, but no idea how to use it... I might need to find reference/tutorials learn how to use it..
Thanks guys...

owh one more thing,
How to change colour of the font? currently it's white... cant find in the stylesheet as well..
If I want to change font type, just simply type the name of the font?

After you've installed it (and activated it), press ctrl+shift+y (or You can also goto tools> web developer > css > view style information ). Once you've done that, you should get a red box when you mouseover some text (or the area you want to see the style information). Then click and a little dialog will show up with the stylesheet location and the classes.

Font type and font color are 2 different things. If you can't figure out what area it's in, search your css file for either: #fff or color: #fff. This will locate the color :-)

Tweaked my CSS with your help. Thanks guys My site: http://www.clickbuyget.com