Search In Menu - Question | JoomShaper
SP Page Builder 6 is Here! Learn More →

Search In Menu

RB

Rafael Barba

Template 2 weeks ago

I have a black background in my menu, the menu items apear in green and change to white with the cursor. How can I change this colors. Also I add a SEARCH module but the text that I write in the box is not visible because is black, how can I change this to white

The page is https://anpact.com.mx

0
4 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 weeks ago #205728

Hola Rafael,

By using Custom CSS you should be able to change some colors, also for submenu items.

Here is example (for main and submenu):

.sp-megamenu-parent > li > a {color: white;}
.sp-megamenu-parent > li:hover > a {color: red;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {color: red;}

I hope you read Helix documenation to know where to use it.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 weeks ago #205730

About text color in Search field. Use that Custom CSS:

.mod-finder input[type="text"], .mod-finder input[type="search"],
.mod-finder .form-control::placeholder
{color: #eee;}

and about missing Search icon in Search button use:

.icon-search::before {content: "\f002"; 
font-family: "Font Awesome 6 Free";  font-weight: 900;}
.mod-finder .btn.btn-primary {
  padding: 7px 12px; border-radius: 0px 5px 5px 0 !important;}

later you should get se_2025.jpg

0
RB
Rafael Barba
Accepted Answer
2 weeks ago #205852

If I what change the buttom search and use a magnifying glass icon , is Possible?

Regards

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 weeks ago #205854

Do you mean without text "Buscar" in button ? Yes, should be possible.

Start from my CSS code, then check module settings. Probably it would be easier to language override phrase with empty space.

0