• 0
Sign in to follow this  
Followers 0

change submenu hover background color


Question

Posted · Report post

After the last upgrade of Pagelines, my submenu hover background color changed to blue and I'm not able to figure out how to change it back. I tried using Firefox firebug but everything I've tried doesn't seem to work. Can you tell me the CSS I should be using?

thanks

Share this post


Link to post
Share on other sites

12 answers to this question

  • 0

Posted · Report post

Hi jannon
I suppose that the problem was moz-linear-gradient but i´m only a newbie, I don´t know what happens on IE with this. I have a mac and I can not prove.
Wait for a moderator´s opinion.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi, I´m not sure but
You can try with:

[code].dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a, .dropdown-menu li.current-menu-item > a { background-image: -moz-linear-gradient(center top , red, red);}[/code]

You may also use color codes there, such as [url="http://www.pagelines.com/forum/search?Search=%23C00000&Mode=like"][color=#215e9b]#C00000[/color][/url] , if you wish to use more specific colors.
1 person likes this

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Unfortunately, I had already tried this and it didn't work. Do you have another idea?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi there, have you managed to resolve this, the hoover is now showing red as per the code provided by batman instead of blue as described in your post. Let us know.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

No this the hover color on the submenu is still blue.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Do you have Firebug or Chrome development tools for inspecting the page?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi again
Please you can try with

[code]
.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a, .dropdown-menu li.current-menu-item > a {
background-color: red;
background-image: none;
background-repeat: repeat-x;}[/code]

This work fine to me
:)
1 person likes this

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

[size=4]Yay! That worked, was it the "[color=#666600]-[/color][color=#000000]moz[/color][color=#666600]-[/color][color=#000000]linear[/color][color=#666600]-[/color][color=#000000]gradient[/color][color=#666600]([/color][color=#000000]center top [/color][color=#666600],[/color][color=#000000] red[/color][color=#666600],[/color][color=#000000] red[/color][color="#666600"])" [/color] that was the problem?[/size]

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi jannon
I confirm, the code don´t work on IE8
:unsure:

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

-moz is to fix things for Firefox, not for IE.

Since IE8 predates CSS3 and HTML5, the languages PageLines is written in, not all elements will work in IE8.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Thank you!! Worked like a charm!

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

batman thank you! <3

1 person likes this

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0