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
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
Last edited by wernerrenrew on Wed Nov 16, 2011 6:39 am, edited 1 time in total.
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
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
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
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
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 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.
yeah, I removed the ""../image/bg.png"", whole page change colour,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
except the information box at the bottom, cant find its column in the stylesheet.
I installed it, but no idea how to use it... I might need to find reference/tutorials learn how to use it..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.
____________________________________________________________________________________________
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
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.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?
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 :-)
New member
Who is online
Users browsing this forum: Google [Bot] and 20 guests