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!

Site Links

Recommended

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters the trademark holder in the United States and other countries.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok