Dropdown color

[Gee RanasinhaParticipant]

How do you change the dropdown box color?

[Ernest MarcinkoKeymaster]

Hi!

On the Theme Options -> Settings icon & Drop-down panel, with the Settings drop-down background gradient option: https://i.imgur.com/6VOqg6x.png

If you use the block layout for the drop-down, then the color is inherited from the theme, and can only be changed via custom CSS, like so:

.wpdreams_asp_sc.searchsettings {
    background: #000000 !important;
}

Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[Gee RanasinhaParticipant]

Thanks, but that changes the color of the background element – not the dropdown button color.

I would like to change the color of the actual button (see attachment).

I would also like to increase font size of dropdown titles, as well as center the set of 4 buttons.

Thanks in advance.

Attachments:

You must be logged in to view attached files.

[Ernest MarcinkoKeymaster]

Hi!

I see now. For that use this custom CSS:

div .ajaxsearchpro.searchsettings select {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: initial !important;
    border-radius: initial !important;
    box-shadow: none !important;
}

The ‘color’ attribute is for the text color.

Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[Gee RanasinhaParticipant]

Thanks – this is great.

One thing: How do I center the dropdown set underneath the search bar?

[Ernest MarcinkoKeymaster]

It depends on the exact situation, but this might work:

1. Select the flex layout for the settings box on the Fronted Search Settings panel: https://i.imgur.com/1P92NeE.png

2. And then use this custom CSS to justify the content to the middle:

.searchsettings form {
    align-items: center;
    justify-content: center;
}

Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[Gee RanasinhaParticipant]

Perfect! Thank you.

[Author]

Posts