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 info@joomla51.com 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!