Change Rollover Text color

13 Sep 2006, 5:27 PM

#1

Zen Follower

Join Date:: Jan 2006
Posts:: 152
Plugin Contributions:: 0

Change Rollover Text color

In the Sidebox headers "New Products (more)" & "Shopping Cart (more)" the text rollsover to this knock-your-eyes out yellow. A color that can't be found in the stylesheet....where do I change that color?
Thanks!

13 Sep 2006, 5:47 PM

#2

knuckle_101

Totally Zenned

Join Date:: Dec 2005
Location:: Cincinnati Ohio
Posts:: 1,034
Plugin Contributions:: 3

Re: Change Rollover Text color

Got a URL we can look at?

13 Sep 2006, 6:53 PM

#3

dizzie

Zen Follower

Join Date:: Jan 2006
Posts:: 152
Plugin Contributions:: 0

Re: Change Rollover Text color

http://dizzinz.com/shop/

13 Sep 2006, 6:57 PM

#4

knuckle_101

Totally Zenned

Join Date:: Dec 2005
Location:: Cincinnati Ohio
Posts:: 1,034
Plugin Contributions:: 3

Re: Change Rollover Text color

I see the rollover is red now!!

So did you figure it out?

13 Sep 2006, 6:58 PM

#5

zforrest

New Zenner

Join Date:: Jun 2006
Location:: Austin, TX
Posts:: 85
Plugin Contributions:: 0

Re: Change Rollover Text color

h3.leftBoxHeading a:hover {
color: #FFFF33;
text-decoration: none;
}

change this line to a more appropriate color.

13 Sep 2006, 7:07 PM

#6

knuckle_101

Totally Zenned

Join Date:: Dec 2005
Location:: Cincinnati Ohio
Posts:: 1,034
Plugin Contributions:: 3

Re: Change Rollover Text color

good to hear.

Best to post and update so maybe others can learn from it.

Nice site btw

Rob J:smile:

13 Sep 2006, 7:07 PM

#7

dizzie

Zen Follower

Join Date:: Jan 2006
Posts:: 152
Plugin Contributions:: 0

Re: Change Rollover Text color

Thanks Knuckle...nope, it's still yellow.
Thanks forest..I did a search for 2 different shades of yellow..guess neither of them were it...I really appreciate it!

13 Sep 2006, 7:08 PM

#8

knuckle_101

Totally Zenned

Join Date:: Dec 2005
Location:: Cincinnati Ohio
Posts:: 1,034
Plugin Contributions:: 3

Re: Change Rollover Text color

post your css file in here or attach it so I can see the code

or do what he said. That is the spot for it

13 Sep 2006, 7:11 PM

#9

zforrest

New Zenner

Join Date:: Jun 2006
Location:: Austin, TX
Posts:: 85
Plugin Contributions:: 0

Re: Change Rollover Text color

you're welcome.

13 Sep 2006, 7:11 PM

#10

dizzie

Zen Follower

Join Date:: Jan 2006
Posts:: 152
Plugin Contributions:: 0

Re: Change Rollover Text color

did what he said and it worked great...now if I can just find how to change the font size in those boxes...grrr..hehe

13 Sep 2006, 7:13 PM

#11

knuckle_101

Totally Zenned

Join Date:: Dec 2005
Location:: Cincinnati Ohio
Posts:: 1,034
Plugin Contributions:: 3

Re: Change Rollover Text color

This should do it

13 Sep 2006, 7:14 PM

#12

zforrest

New Zenner

Join Date:: Jun 2006
Location:: Austin, TX
Posts:: 85
Plugin Contributions:: 0

Re: Change Rollover Text color

h3.leftBoxHeading, h3.leftBoxHeading a {
font-size: 1.1em;
color: #af6268;
}

13 Sep 2006, 9:50 PM

#13

dizzie

Zen Follower

Join Date:: Jan 2006
Posts:: 152
Plugin Contributions:: 0

Re: Change Rollover Text color

Yeah, I have them all set the same...that's why I don't understand why the text is larger in that box...

h3.leftBoxHeading, h3.leftBoxHeading a {
font-size: 1.1em;
color: #af6268;
and
h3.rightBoxHeading, h3.rightBoxHeading a {
font-size: 1.1em;
color: #af6268;

13 Sep 2006, 9:59 PM

#14

dizzie

Zen Follower

Join Date:: Jan 2006
Posts:: 152
Plugin Contributions:: 0

Re: Change Rollover Text color

Oh My Gawd....I'm so thrilled...I have been wrestling with this all day...I changed the text to px in the place you said
h3.leftBoxHeading, h3.leftBoxHeading a {
font-size: 10px;
color: #af6268;

even though that made it different from this one
h3.rightBoxHeading, h3.rightBoxHeading a {
font-size: 1.1em;
color: #af6268;
and it WORKED on ALL the box headers!!! Yahoo...I'm dancin!
Can't thank you enough!!

13 Sep 2006, 10:30 PM

#15

knuckle_101

Totally Zenned

Join Date:: Dec 2005
Location:: Cincinnati Ohio
Posts:: 1,034
Plugin Contributions:: 3

Re: Change Rollover Text color

:yes: Your welcome