Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Making my welcome guest link a different color?

Making my welcome guest link a different color?

Locked

Views: 1,919

Results 1 to 7 of 7
This thread is locked. New replies are disabled.
1 Feb 2010, 10:19 AM
#1
dudemaaan avatar

dudemaaan

New Zenner

Join Date:
Feb 2010
Posts:
49
Plugin Contributions:
0

Making my welcome guest link a different color?

Latest version of zen cart 1.3.8? Fresh install
My site is https://www.wannaspeed.com and I'm building a new site around zen cart which can be found at https://www.wannaspeed.com/catalog

I've been coming along pretty well, this is my first time building a website and my first time using zen cart. I have a minor annoyance that has been taking up way too much time. It says welcome guest would you like to log in. I can't figure out how to change the text color of the link "log in" so that it looks like a link. I tried entering differing css rule's such as...

h2.greeting.a:link {color:#9a9a9a;
}

into the stylesheet, but I'm just not doing something right and want to move forward.

1 Feb 2010, 11:25 AM
#2
stevesh avatar

stevesh

Black Belt

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

Re: Making my welcome guest link a different color?

Close.

.greeting a {color:#ff0000;}

1 Feb 2010, 6:13 PM
#3
dudemaaan avatar

dudemaaan

New Zenner

Join Date:
Feb 2010
Posts:
49
Plugin Contributions:
0

Re: Making my welcome guest link a different color?

Thanks very much, worked perfect. I guess with practice I'll be able to figure out the correct commands or whatever they are called. I'm using the firefox developer kit with the outline tool. It got me close, but I just wasn't sure the correct way to type it out. Now that I see an example for myself it should be easier in the future. Very much appreciated.

1 Feb 2010, 6:38 PM
#4
dudemaaan avatar

dudemaaan

New Zenner

Join Date:
Feb 2010
Posts:
49
Plugin Contributions:
0

Re: Making my welcome guest link a different color?

Another quick question... for the leftbox links I've set the colors to grey and hover: red.But I have a link in one of the column headings for ** reviews [more]** and the column header has a red background, I want this to look like the other text in the column headers but not sure how to get the correct command (or is it called a tag, element? idk?) I want it to be white with black hover. I must not be using the developer kit quite right. I put variations of:

.Reviews a {color:#FFF;} (Are these case sensitive? I tried both)

1 Feb 2010, 8:42 PM
#5
stevesh avatar

stevesh

Black Belt

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

Re: Making my welcome guest link a different color?

CSS can be case-sensitive. I call each a 'statement'. I'm sure there's a proper term, but ..

Those that begin with a # are id's and those with a . are classes.

In this case:

#reviewsHeading a:hover {color:#000000;}

Once you've worked with Zencart for a while, you'll know more about how it's styled, though the Web Developer should have shown you this id.

Internet Explorer 8 also has a developer tool - F12.

1 Feb 2010, 8:58 PM
#6
dudemaaan avatar

dudemaaan

New Zenner

Join Date:
Feb 2010
Posts:
49
Plugin Contributions:
0

Re: Making my welcome guest link a different color?

Thanks again. I'm just new to this whole thing, I fumble around in the dark and every once in awhile I hit a lightswitch. Sometimes I do things and the whole site disappears. The dev kit did show me the # sign but I ignored it and changed it to a . because I never noticed or had to edit any of the # statements when looking at the code. I must have typed in 50 different things all being very close but I had the . instead of a #.

I think maybe the statements are called anchors

25 Aug 2010, 9:35 AM
#7
amebb avatar

amebb

Zen Follower

Join Date:
May 2008
Location:
UK
Posts:
406
Plugin Contributions:
0

Re: Making my welcome guest link a different color?

hi there

can anyone tell me where the css file is located for me to make changes to the welcome text ...?

Thanks