Can Not Change The Background Color For A Hover Or Selected Point In The Menu - Question | JoomShaper

Can Not Change The Background Color For A Hover Or Selected Point In The Menu

HB

Holger Busch

Template 1 month ago

Hello, I adopted a site where I can not change the background color for the hover or a selected menu point. Maybe you can help me with that? I am using helix ultimate.

0
9 Answers
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 1 month ago #211427

Hi

Thnaks for contacting us. You can use this CSS in your custom.css file. You can change the color code that you want to set.

.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li.active:hover>a {
    background-color: #5fa497 !important;
}

-Regards.

0
HB
Holger Busch
Accepted Answer
1 month ago #211429

Thanks, I also would like to change the colors for the hover effect, when I am over the menu point with my mouse and the underlining at the start page for Informations, Search and Links. Is it possible to get these informations as well?

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 1 month ago #211570

Could you please give me a screenshot of that portion?

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 month ago #211573

Add/Use that instead of above, is more universal:

.sp-megamenu-parent > li.sp-menu-item:hover {background:#17567A;}

and for submenu items / und auch für Untermenüpunkte:

.sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover {background:#17567A;}

0
HB
Holger Busch
Accepted Answer
1 month ago #211575

Thanks Paul for you solution. That works fine. Do you have an idea why just at the menu item "2. Pistole" it's still the green background.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 month ago #211625

yes, you have green background becuase in custom.css in line 39 you used that

.sp-megamenu-parent > li:hover > a {
  background-color: #499c2d;
}

just change color code!

0
HB
Holger Busch
Accepted Answer
1 month ago #211576

... and do you know how I can change the color of the lon underline from "Informationen", "Suche" or "Links"?

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 month ago #211626

Directly from head - no, but easy to check using browser tool - Code Inspector.

The green line is also from your custom.css file (line 22)

.sppb-addon-title {
  border-bottom: 4px solid #499c2d;
  width: 100%;
}

just change color code.

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 4 weeks ago #213525

Hi

Is this solved now? If yes, you can then close this post by accepting the answer. And thanks Paul for helping him.

0