edit t taxonomies search bar

[mario]

How to change the style of the taxonomies search bar?

[Ernest Marcinko]

Hi,

It’s inherited from the theme (usually the same as browser style). Drop-down styles are mostly not possible to change, but if you can add a relevan URL and let me know what you want to change exactly, I might be able to suggest some custom CSS for you.

[mario]

Is it possible to simply round the corners like in the bar above?

[Ernest Marcinko]

Depends on the exact layout – but it might be doable. Can you share a URL where I can see it? I will have to construct the custom CSS rules based on the exact implementation.

[mario]

here is the link https://olpiru.it/ , thank you very much

[Ernest Marcinko]

Thanks!

Use this custom CSS for that:

.asp_select2-selection {
    border-radius: 30px !important;
}

[mario]

Thank you, should I insert the css code in a section of the plugin or within my theme files?

[Ernest Marcinko]

You are welcome!

Whatever works better for you. If your theme does not have a custom CSS box, then use the custom CSS input here.

[mario]

Hi, I tried with the css code inside the theme and inside the section you indicated, but I don’t notice a difference in the bar that says “Località”, could it be an incompatibility with the theme or something else?

• This reply was modified 1 year, 11 months ago by .

[Ernest Marcinko]

My bad, I copy pasted the wrong rule, this is it:

.asp_select2-selection,
.asp_select2 {
    border-radius: 30px !important;
}

[mario]

Perfect, thank you very much, it works great now. Since you are so kind, could you also give me a code to change color? yellow…

[Ernest Marcinko]

Sure!

Just change the previous code to this:

.asp_select2-selection,
.asp_select2 {
    border-radius: 30px !important;
    background: #db782c !important;
}

[mario]

thank you so much, it’s perfect

[Ernest Marcinko]

You cannot access this content.

[mario]

I will do it

[Author]

Posts