Support Has Moved!

Please post all new questions on the new support system

Before posting a discussion topic, be sure to check out our Forum Rules and Support Policy.

Get design feedback and approval with our newest WordPress plugin, ProjectHuddle. Check it out →

Latest Struck Version is 1.06

Latest GridStack Version is 1.1

Latest Edition Version is 1.6

Latest District Version is 1.2.6

Latest ExtraNews Version is 1.4.9

Latest Aware Version is 1.4

Latest BigFormat Version is 1.4

Latest Bookcase Version is 1.54

Latest Ellipsis Version is 1.5

CSS advice

Manutecnica's Avatar

Manutecnica

03 Dec, 2015 07:37 PM

Hello !

If you go on my website www.manutecnica.ch, you will see the main menu completely black, but if you go on "lavori", it will open a new menu with a nice hover effect.

I don't know how to replicate that effect on the main menu... what is the correct selector to edit ?

  1. Support Staff 1 Posted by Andre Gagnon on 04 Dec, 2015 04:49 PM

    Andre Gagnon's Avatar

    Hi Manutecnica,

    Do you mean on the hovered menu? Could you explain more what you're trying to accomplish? The menu looks black too, so I'm a little confused as to your question.

    Thanks!

    Andre

  2. 2 Posted by Manutecnica on 05 Dec, 2015 12:42 AM

    Manutecnica's Avatar

    I would like to create the hover effect on the main menu.... from black to white, but I don't know what is the correct selector.

  3. Support Staff 3 Posted by Andre Gagnon on 05 Dec, 2015 04:38 PM

    Andre Gagnon's Avatar

    Hi Manutecnica,

    Which color do you want to change - the background color or the text color? You're talking about changing the hover color on "HOME", "L'AZIENDA", "SERVIZI", etc. correct?

    I'm asking because the css to change the color and background color are different, and I'm still not sure what specific part of the menu you're talking about.

    Andre

  4. 4 Posted by Manutecnica on 07 Dec, 2015 10:56 AM

    Manutecnica's Avatar

    I sent you the image of main menu.
    When the mouse pointer rests on the various items on the menu, I would like the background-color becomes white and the color of the font becomes black.

    Just like in the second image when I was hovering on "Sottofondi cementizi".

    Do you understand me ?

  5. Support Staff 5 Posted by Andre Gagnon on 07 Dec, 2015 05:04 PM

    Andre Gagnon's Avatar

    Ah, yes, I understand now. You can do that by adding this to your custom css box in Theme Options > Customize:

    .sf-menu > li > a:hover {
        background: #fff;
        color: #000;
    }
    

    Let me know if you need any additional assistance,

    Andre

  6. Andre Gagnon closed this discussion on 07 Dec, 2015 05:04 PM.

Comments are currently closed for this discussion. You can start a new one.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac