Docs

[piexec]

http://maddog.piexec.com/

on the children of Products, how can I get those links to change to color #333 on hover?

Thanks in advance.

[Rupok]

Hi there,

Thanks for writing in! You can add this under Custom > CSS in the Customizer.

.x-navbar .desktop .sub-menu li > a:hover {
  color: #333;
}

Hope this helps.

Cheers!

[piexec]

It does. How about also changing the background of the hovered area to Red?

[Thai]

Hi There,

Please update the previous CSS to this:

.x-navbar .desktop .sub-menu li > a:hover {
    color: #ccc;
    background: #ce0303;
}

Hope it helps 🙂

[piexec]

Perfect! How can I add a little left padding to the sub menu items so the red is not right on the edge of the text?

[Joao]

Hi There,

Your site seems to be out at the moment, so it is hard to give you a tailored solution, but try:

.x-navbar .desktop .sub-menu 
padding: 10px;
}

Hope that helps

Joao

[piexec]

sorry. The live site is now at: http://maddogtransmissions.com/

I added that, but the red background is still up against the text.

[Nabeel A]

Hi again,

Please add the following code in your Customizer:

.desktop .sub-menu li>a {
    padding: 0.5em 10px !important;
}

Let us know how this goes!

[Author]

Posts