How to set the colors in the search result box? - Forum | JoomShaper
Solved Helix Framework

How to set the colors in the search result box?

Asked by Robert Deutschmann 2 years ago Last activity 2 years ago

Hi

In my website the font color in the search box is white (backgroud kind of blue).
Now when the search results are displayed in the dropdown box the background color is a kind of white also (see arrow in pic below).

Any idea how to change this background color or to change the font color of the result items?

Thank you for help.
Br, Robert

Accepted answer

Marked as the solution
Paul Frankowski Senior Staff
2 years ago · edited

Hi Robert,

that transparent white is from Joomla Core styles (media/vendor/awesomplete/css/awesomplete.css).
But you should be able to override it by custom CSS, here is my example with blue bg color

.awesomplete > ul {
  background: rgba(0,124,176,0.7); }

And here are default styles (from awesomplete.css file), that you can override with custom colors, if it's needed.

.awesomplete > ul > li {color: white  }
.awesomplete mark { background: #eaff00; }

That's all.

1 more reply

Robert Deutschmann Asked this
2 years ago

Hi Paul,

Thanks - cool, works fine for me.

br, Robert

Log in to reply.