How To Set The Colors In The Search Result Box? - Question | JoomShaper

How To Set The Colors In The Search Result Box?

RD

Robert Deutschmann

Helix Framework 1 year 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

0
2 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #163457

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.

0
RD
Robert Deutschmann
Accepted Answer
1 year ago #163985

Hi Paul,

Thanks - cool, works fine for me.

br, Robert

0