Jump to content

Archived

This topic is now archived and is closed to further replies.

jannon

change submenu hover background color

Recommended Posts

jannon    0
jannon
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
batman    389
batman
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.
  • Like 1

Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
jannon    0
jannon
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
James B    436
James B
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.

Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
jannon    0
jannon
No this the hover color on the submenu is still blue.

Share this post


Link to post
Share on other sites
batman    389
batman
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
:)
  • Like 1

Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
jannon    0
jannon
[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
batman    389
batman
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.

Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
batman    389
batman
Hi jannon
I confirm, the code don´t work on IE8
:unsure:

Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
Rob    547
Rob
-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.

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
mundocaco+    9
mundocaco

batman thank you! <3

  • Like 1

Share this post


Link to post
Share on other sites

  • Similar Content

    • Zapkode
      By Zapkode
      I'm trying to go 3 deep on submenus but the last menu won't display. for example I have "Book reviews" then "Age 14+" then "Fiction" then I have another menu under "Fiction" but it won't expand any farther so you can't see it, but the ">" is there indicating that there is another dropdown. Any idea what I'm doing wrong?
      http://www.justonemorechapter.net
    • zetanet
      By zetanet+
      How can I customize colors for submenus?
      Go to:
      http://www.centroodontoiatricopitino.it
      For example, in submenu "Specializzazioni" I would like to set the unselect links color to blue and I would like a bigger font for selected/unselected links.
    • MissT
      By MissT+
      Hi there,

      I'm using a fixed navbar and one of the menu options has a dropdown submenu.

      The hover and active color for the main part of the menu seems to come from the link color (red) which is great. The submenu options from the dropdown part are blue on hover and when active.

      [attachment=1659:sub menu issue.jpg]

      Where is this blue set?? I don't want it to be blue it needs to be red the same as the main part of the menu.

      I'm using DMS Version: 1.0.4 and have set up a child theme. I've had a look at the DMS less colors file but not sure if it is being set there or not?

      Many thanks in advance.
    • digamama
      By digamama
      Hello everyone! 
       
      I'm having an issue with my website (here's the link...screenshot also attached). If you take a look you'll see that the top navigation (the item titled 'Advisory') has one item listed below it ('Case Studies'). That dropdown has additional pages under it, so it's Advisory --> Case Studies --> list of items. The problem is there's a huge vertical gap between the first dropdown option and submenu options. I hope I'm making sense...
       
      Can you please help me find the CSS selector to align the sub-drop down menu? 
       
      [attachment=1607:Screen shot 2013-10-02 at 10.41.25 AM.png]
    • rmaxsg
      By rmaxsg
      How can i display my Sub menu
      1.display inline 
      2.no hightlight background color
       
      Sorry i know this going be a lot code. but this is my client needs, Thank you for your time.
       
       
       
       
×