Forums / Templates, Stylesheets, Page Layout / problem with changing background color in main css

problem with changing background color in main css

Locked

Views: 2,505

Results 1 to 11 of 11
This thread is locked. New replies are disabled.
8 Feb 2009, 2:59 AM
#1
agent_kgb avatar

agent_kgb

Zen Follower

Join Date:
Jan 2009
Posts:
111
Plugin Contributions:
0

problem with changing background color in main css

can use some help here guys (and gals)...

trying to get most of the page to show up smooth (white) and can not find two of the DIVs in the CSS code...

if anyone could clue me in as to where i can go to change the bg of (top ez pages) and left sidebar to white... that would be awsome...

thanks in advance...

here is the pic of what i sort of need

8 Feb 2009, 3:08 AM
#2
charmedbytina2 avatar

charmedbytina2

Totally Zenned

Join Date:
Mar 2007
Location:
AZ
Posts:
1,890
Plugin Contributions:
0

Re: problem with changing background color in main css

Firefox with developer tools will point out exactly what you need to change.

A link to your site helps more than an image.

Suggestions: look at color statements for column one and column two and nav ez pages in your stylesheet.

Tina

8 Feb 2009, 3:26 AM
#3
agent_kgb avatar

agent_kgb

Zen Follower

Join Date:
Jan 2009
Posts:
111
Plugin Contributions:
0

Re: problem with changing background color in main css

ok, i found the div for ez pages links... changed it to white... but now i can't figure out how to change the links to blue... as for the left column... i can't find a place to change the color to save my life!!!:frusty:

would be totally awesome if somebody can clue me in on this top notch secret...

8 Feb 2009, 6:43 AM
#5
misty avatar

misty

Inactive

Join Date:
Apr 2004
Location:
UK
Posts:
5,752
Plugin Contributions:
1

Re: problem with changing background color in main css

fastdc5:

Chk my signature for link
Why should we click your site link...what query do you have?
:unsure:

Dezina ZenCart Templates
Please do not PM for support queries..Post in forums..help others

8 Feb 2009, 8:17 PM
#6
agent_kgb avatar

agent_kgb

Zen Follower

Join Date:
Jan 2009
Posts:
111
Plugin Contributions:
0

Re: problem with changing background color in main css

thanks fastdc5, that solved it... (after a bit of work ;0P...)

12 Feb 2009, 7:20 AM
#7
seanymph avatar

seanymph

New Zenner

Join Date:
Aug 2008
Location:
Sydney Australia
Posts:
58
Plugin Contributions:
0

Re: problem with changing background color in main css

Hi everyone
I'm trying to change the Bookshop template's red columns to a image however, I can't find where on the stylesheet I have it is that needs to be changed. As you can see I have started changing some of the red background colour to an image.
This is the link to the site I'm working on:
http://reiki.spiritconnectionart.com/

12 Feb 2009, 7:55 AM
#8
misty avatar

misty

Inactive

Join Date:
Apr 2004
Location:
UK
Posts:
5,752
Plugin Contributions:
1

Re: problem with changing background color in main css

seanymph:

Hi everyone
I'm trying to change the Bookshop template's red columns to a image however, I can't find where on the stylesheet I have it is that needs to be changed. As you can see I have started changing some of the red background colour to an image.
This is the link to the site I'm working on:
http://reiki.spiritconnectionart.com/
Download an Install Firefox, then add Web Developers
Tool Kit...you will then be able to view stylesheet settings
for each section of template

Dezina ZenCart Templates
Please do not PM for support queries..Post in forums..help others

12 Feb 2009, 8:49 AM
#10
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: problem with changing background color in main css

The red sidebar columns are already images - substitute yours here:```
#navColumnOne {
background-image: url(../images/columnA.png);
}

#navColumnTwo {
background-image: url(../images/columnB.png);
}


Save images in /includes/templates/your_template/images/, as that is where url(../images/xxx.xxx) points.

To find these class and id names, use the Information > Display Element Information button in Web Developer. Click on any element and see its tags and ancestors, among many other things.
The CSS > Edit CSS button will let you try stylesheet changes and see the results instantly.
If a class or id you want to style is not in the stylesheet already, add it.