Boomer or CSS guys...

  • 1
  • Question
  • Updated 9 years ago
  • Answered
Hi,

I want to stop the hover color on the selected tab in my nav menu - any ideas?

Go here http://www.eclipsebar.info - you see the selected tab is changing colour on hover.

Any ideas?
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes

Posted 9 years ago

  • 1
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
lee i am soo sorry ti HI Jack this thread but its all i can do!

can you please do me a favour?

i cant post any topic anywhere, can you post me this on hthe get satisfaction.com/Yola forum please?

Message

everything o n get satisfaction is broken! i cant even getthis topic to be a problem! the link is broken!

i HATE the new comment thing whhere its the date not how long ago it was the comment was posted

youve wrecked your site!

im in IE 7 using Vista

alex

(even the smiley at the bottom is broken)

(i had to get another person to post the tread because it wont work)

This is Alex

i will reply from here)

Alex

Title

In A Nutshell Everythings Broken!

thanks lee :)

Alex
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
OMG thanks lee!
your a life saver!

i cant post comments either only replys :(

im sorry i couldnt help you with the topic!

Alex
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
OMG thanks lee!
your a life saver!

i cant post comments either only replys :(

im sorry i couldnt help you with the topic!

Alex
Photo of Connor McCarra

Connor McCarra, Champion

  • 944 Posts
  • 47 Reply Likes
Hey Lee,

Can you show me where you got this code?

Connor
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
dynamic drive somewhere - but ive totally lost it.

You can view the code - right click the page > view page source.
Photo of Boomer

Boomer, Champion

  • 2055 Posts
  • 84 Reply Likes
From what I can figure out, you need to change this colour: #aecd4c
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
<!-- Boomer -

This is the part of the CSS that needs attention :

.ddcolortabs a:hover{
background-color: #aecd4c;
}

.ddcolortabs a:hover span{
background-color: #aecd4c;
}

.ddcolortabs .selected a, #ddcolortabs .selected a span{ /*currently selected tab*/
background-color: #862423;
}

I need to somehow add something like 'selected a:hover' - then add the red color - i have tried a few ways without joy.

-->
Photo of Boomer

Boomer, Champion

  • 2055 Posts
  • 84 Reply Likes
What happens if you change the #aecd4c colour?
Can you copy the code from your site builder and past it here?
Use my encoder: http://forsite.synthasite.com/encoder...
I tried from your page source, but I seem to be missing something.
Photo of Connor McCarra

Connor McCarra, Champion

  • 944 Posts
  • 47 Reply Likes
I heard some css works in hierarchy style but I tried it here and it didn't work.
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
guys guys... I think I got it!!

Try this Lee:

add after your .ddcolortabs.selected a.. blah blah

.ddcolortabs .selected a:hover span{
background-color: #862423;
}
Photo of Connor McCarra

Connor McCarra, Champion

  • 944 Posts
  • 47 Reply Likes
Littleus it works! I edited the css with the firefox add-on developer tools, and it works.
Photo of Boomer

Boomer, Champion

  • 2055 Posts
  • 84 Reply Likes
I tried that also Lu and it seemed to work because it changed all the link hover colours on my page. I don't see the menu though because I'm missing some code.
I didn't get much sleep last night, that could also be the reason.
Photo of Boomer

Boomer, Champion

  • 2055 Posts
  • 84 Reply Likes
Clever man Connor !!
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
Littleus - Genius well done. - i knew it would be something like that.

A thousand thanks.

Thansk everyone for helping out.,