Return to previous page

No settings to change the colour of the search box.

This topic has 9 replies, 3 voices, and was last updated 12 hours, 20 minutes ago ago by Terpsauce

Terpsauce

Participant

March 23, 2025 at 03:31

Two images attached, on shows the all departments menu, one shows the search box function. Is it possible to change the colour of the background of the search, from white to grey

Files is visible for topic creator and
support staff only.

#438328 Copied Theme version: 9.4.8

8 Answers
Alex Carter

Support staff

March 24, 2025 at 08:38
Hello, Terpsauce,

Thank you for reaching out to us.

We have received your request along with the attached images. Yes, it is possible to change the background color of the search box from white to grey using custom CSS code:

.elementor-location-header .etheme-search-form-more, .elementor-location-header .etheme-search-form-title, .elementor-location-header .etheme-search-trending-searches { background-color: rgb(26, 26, 26); color: white; } .elementor-location-header .etheme-search-trending-search-wrapper:hover { background-color: #222; }

Warm Regards,
The 8Theme Team
#438368 Copied
Terpsauce

Participant

March 24, 2025 at 08:55

where do I apply the css, to container, or general css, please elaborate.

#438376 Copied

Alex Carter

Support staff

March 24, 2025 at 09:57

Hello, Terpsauce,

Thank you for reaching out to us.

You can apply the CSS either to a specific container or in the general CSS (Theme Options > Theme Custom CSS > Global).

Best regards,
8Theme Team

#438393 Copied

Terpsauce

Participant

March 24, 2025 at 10:46

Your solution doesn’t actually change the search results, just the search suggestion.

Also can’t see any setting to neaten up the button to match the style of all buttons on site? Doesn’t appear to be modifyable by text alignment or size/shape

Files is visible for topic creator and
support staff only.

#438409 Copied

Terpsauce

Participant

March 24, 2025 at 10:48

Alos, no chnages showing on mobile.

And the text within search box is black, and not visible.

Files is visible for topic creator and
support staff only.

#438410 Copied
Luca Rossi

Support staff

March 24, 2025 at 17:18
Hi @Terpsauce,

Please try with this custom CSS codes instead:

body .etheme-search-form .autocomplete-suggestions { background-color: #f0f0f0; } body .etheme-search-form-more { padding-left: 0; padding-right: 0; width: 100%; } body .etheme-search-form-more button { text-align: center; } body .etheme-search-form-more button span { border: none; }

Hope it helps!
#438485 Copied
Terpsauce

Participant

March 25, 2025 at 08:57

Ive applied this code, removed the last code.

This code does absolutely nothing apart from, modify the layout of search result buttons.

Files is visible for topic creator and
support staff only.

#438538 Copied

Terpsauce

Participant

March 25, 2025 at 08:59

no changes here either

Alos, no chnages showing on mobile.

And the text within search box is black, and not visible.

#438539 Copied
Viewing 9 results - 1 through 9 (of 9 total)