Recent
Categories
View Replies (3)

Where is the CSS to change menu link behaviour

0
Votes
Undo
  1. tinwistle
    tinwistle
  3. Commercial Templates
  4. Thursday, 11 July 2013
  5.  Subscribe via email
Hi I am trying to get the menu on the Chimera template to Display in Red or Black and hover the opposite yet still show the white with blue box around when active.

I moved the main menu to sidecol a

You can see what I am trying to do at
http://74.208.184.225/CasCatala.com/

Right now it is grey with a lighter grey when hovering.

Thanks
Responses (3)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

To edit the link colour of your menu items in the sidecol-a module position try adding the following to the Custom CSS field of your templates parameters...


.sidecol_block .module ul.menu a, .sidecol_block .module_menu ul.menu a, .sidecol_block .module a {

color: #000000;

}


Where #000000 is your new link colour.

To edit the hover state try adding the following...


.sidecol_block .module ul.menu a:hover, .sidecol_block .module_menu ul.menu a:hover, .sidecol_block .module a:hover {

color: #B71F1F;

}


Where is your new hoer colour.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
tinwistle
tinwistle
Accepted Answer Pending Moderation
0
Votes
Undo
That was what I actually tried before posting (I had found the first bit of code in another topic).

However I can not get the hover attribute to work>

I'm trying

h1 {

    color: #FF6600;

}

.sidecol_block .module ul.menu a, .sidecol_block .module_menu ul.menu a, .sidecol_block .module a {

    color: #FFFFFF;

font-weight:bold;

}

.sidecol_block .module ul.menu a:hover, .sidecol_block .module_menu ul.menu a:hover, .sidecol_block .module a:hover { 

color: #FF6600

font-weight:bold; 

}


But i can not get it to change color on hover?

Thanks
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

You appear to be missing a semicolon just after the hex number of your hover state color which should be as follows...


color: #FF6600;


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!