Forums / Templates, Stylesheets, Page Layout / Changing colors on my becaberry template

Changing colors on my becaberry template

Views: 1,102

Results 1 to 6 of 6
20 Nov 2012, 9:31 PM
#1
cza1 avatar

cza1

New Zenner

Join Date:
Nov 2012
Location:
Lebanon Oregon
Posts:
8
Plugin Contributions:
0

Changing colors on my becaberry template

When I say that I have searched and searched and searched and searched... well what I mean is I have searched to the point that I gave up, regained my composure, searched some more, read more, searched more, read more, became angry, then sad, then cried, then drank more than is acceptable at 11am on a Tuesday, searched more, read more and finally I am here with a question that I can not find the answer to...

Please take a look at my website, https://www.contactzoneagility.com. You will see that I am using the Becaberry template which to me is great looking. I have also done a fair bit of customization and there will be much much more to come as I learn more.

At this point the one thing that I can not figure out how to change is the color of the navigation bars, and side bars and header bar. As you will see they are currently a purple like color. And in the Categories, and Search, and information sidebars the field is gray and when hovered over it is a little darker gray. I want to change each of these setting to what I want them to be.

Now understand I have done a lot of reading and I THINK... that this is changed in the stylesheet.css which I have come to understand is the stylesheet.css in the becaberry folder.

Heres the problem. I have read and reread the code on that page. I have come to learn a few things and could do stuff like change the background color of the whole web page. But I DO NOT know which "color" tags I need to change to make the page look the way I need it to.

PLEASE HELP ME!!! My sanity is on the line.

20 Nov 2012, 11:43 PM
#3
cza1 avatar

cza1

New Zenner

Join Date:
Nov 2012
Location:
Lebanon Oregon
Posts:
8
Plugin Contributions:
0

Re: Changing colors on my becaberry template

kobra:

You are posting in the builtin templates, stylesheets, & layout area

Where you downloaded this template there is a support thread posted

http://www.zen-cart.com/showthread.php?198021-BecaBerry-Zen-Cart-Template-Support-Thread

Ok then... Where in the stylesheet.css do I change the colors in the built in template?

21 Nov 2012, 1:14 AM
#4
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Changing colors on my becaberry template

Where in the stylesheet.css do I change the colors in the built in template
The colors for what exactly?

Zen-Venom Get Bitten

21 Nov 2012, 1:24 AM
#5
rstevenson avatar

rstevenson

Totally Zenned

Join Date:
Nov 2006
Location:
Dartmouth, NS Canada
Posts:
2,400
Plugin Contributions:
0

Re: Changing colors on my becaberry template

CZA1:

... PLEASE HELP ME!!! My sanity is on the line.
For the purple, look in stylesheet.css for '47224E' (without the quote marks.) You'll find a bunch of them.

How did I know to search for that? I used DigitalColor Meter (in Mac OS X, so you may need to find a similar tool if you use Windows.) I hovered over the purple and that tool told me the hex code of the colour. Then I used Firebug in Firefox to look at your style sheet and search for that value. Rinse and repeat as needed.

Rob

Breakfast: the most important donut of the day.

21 Nov 2012, 10:16 AM
#6
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Changing colors on my becaberry template

rstevenson:

For the purple, look in stylesheet.css for '47224E' (without the quote marks.) You'll find a bunch of them.

How did I know to search for that? I used DigitalColor Meter (in Mac OS X, so you may need to find a similar tool if you use Windows.) I hovered over the purple and that tool told me the hex code of the colour. Then I used Firebug in Firefox to look at your style sheet and search for that value. Rinse and repeat as needed.

Rob

There's also the Colorzilla plugin for Firefox.