SEARCH BOX COLORS CSS

[kjcarleo]

Hello can you please help me apply the following color styles to the Main Menu search box:

BG: 0025db

Text Area: White

Text: Black

Attachments:

You must be logged in to view attached files.

[Radu]

Hi,

COPY CODE

div#ajax_search_container {
    background: #0025db !important;
}

div#ajax_search_container input {background:#fff;color:#333;}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[kjcarleo]

Ok that worked but can I change the color of the 45 degree box at top (black now) and there is some grey text and the “MEMBERS” and “PAGES” headers could I make it WHITE BOLD?

[Radu]

I’ve provided a css selector for that 45 degree in a previous tickets now i saw that it’s colored red, so it seems that you already have figure out.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[kjcarleo]

Ok I will use that

[Radu]

Ok then

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[kjcarleo]

I found the selector, but how do I know where to put it?

.kleo-toggle-menu .kleo-toggle-submenu:before { background-color:red !important;}

[Radu]

I thought that you already know because you have custom styles on the site.
Anny additional CSS can be added to wp-admin -> theme option -> general sttings -> quick css

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[kjcarleo]

Yes I have but won’t it look different for the search?

[Radu]

You already know where to put code but you have asked me.

What should be colored ?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[kjcarleo]

I know the selector:

.kleo-toggle-menu .kleo-toggle-submenu:before { background-color:red !important;}

But wont it look different since it is for the search box?

[kjcarleo]

I am trying to get the 45 degree box colored red like it is in the notifcations

Kevin

[Radu]

I’ve given you a working selector for that in another topic and you have received and use it! please search in previous tickets for that

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[Author]

Posts