Recent
Categories
View Replies (6)

Nocturne: Top Menu Active/Hover Colour question

0
Votes
Undo
  1. JoomlaGirl
    JoomlaGirl
  2. Sherlock Holmes
  3. Commercial Templates
  4. Friday, 05 July 2013
  5.  Subscribe via email
Hi,
I have the top menu active/hover colour set to #664970 which is the same colour I have the button colour set to in the module below the slider yet they look totally different. Is there some sort of gradient on the active/hover colour on the top menu as it looks less vibrant and more grey than the button colour? How can I change this please?

Also, is there a gradient in the background colour? It doesn't appear to be the same colour as my background colour in the copyright section although they are both set to #1B0A2A. If so how can I remove the gradient on the background colour please?

Thank you
Responses (6)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi JoomlaGirl

To remove the gradient from your background you can add the following to the Custom CSS field of your templates parameters...


body, #body_bg {

    background-image: none !important;

}


Would you also like to remove the gradient from your buttons so they match the styling of your hover menu items?

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
JoomlaGirl
JoomlaGirl
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you Ciarán the background is now working well.

I also wanted to remove the gradient from the hover menu item in the top menu so it matches the buttons which don't seem to have a gradient, that is their colour appears more true to the hex code.

Thank you
Kirsty
  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
To get the true colour on your hover/active menu items there is 2 things....

Firstly add the following to the Custom CSS field of your templates parameters to remove the gradient..


#hornav li > a:hover, #hornav li.active > a {

    background-image: none !important;

}


Second, replace the following in your templates styles.php (../templates/j51_nocturne/php/styles.php - LINE281) to remove the slight opacity..


 <style type="text/css">

#hornav li > a:hover, #hornav li.active > a {

	background-color: rgba(<?php echo $HRed;?>,<?php echo $HGreen;?>,<?php echo $HBlue;?>, 0.5 );

}

 </style>


With...


 <style type="text/css">

#hornav li > a:hover, #hornav li.active > a {

	background-color: rgba(<?php echo $HRed;?>,<?php echo $HGreen;?>,<?php echo $HBlue;?>, 1.0 );

}

 </style>


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
JoomlaGirl
JoomlaGirl
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you Ciarán, that worked perfectly :)
  1. more than a month ago
  2. Commercial Templates
  3. # 4
JoomlaGirl
JoomlaGirl
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran,

I am getting the following error messages on my website since making the changes, can you tell me what it means and how to eliminate it?


Thank you
  1. more than a month ago
  2. Commercial Templates
  3. # 5
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
I don't think this issue is in any way related to your template or the changes made however if you wish you can send temporary administration access to your Joomla installation to [email protected] and we will examine this issue further. For our reference please paste a link to this post in your email.

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


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