CSS for arrow

Hi @filip111

Thank you for your interest in the Filter Everything plugin.

You can check the template overriding – https://filtereverything.pro/resources/templates-overriding/ if you are referring to the folding ability (and a pointer > up and down) you can find it in the plugin code by the class name to understand better how it is working.

Best Regards – Victor

Hi Victor,
Thanks for quick response.

I just check templates code, but I cant find anything abour arrow, pointer, dropdown…

I just need to put a little padding right between down arrow and right border.

You can check screenshot: https://prnt.sc/ONErrgam0f8y

Hi @filip111

check this image – https://prnt.sc/bl1iMUjmt-QO you can add custom CSS on it by it’s class. Use the selection mode to choose it – https://prnt.sc/IVjaYLddNuwG

Best Regards – Victor

Hi,
But I dont have anything like that: https://prnt.sc/yq4KB-ytQ-Z-

Hi @filip111

Yes, you are right, this is available only in the PRO version. We would recommend checking this page – https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select to read how standard select elements can be styled, to make a needed custom styling. Since we don’t know what exactly you have changed already and we do not provide custom styling.

Best Regards – Victor

Hi Victor,
Thanks for info.

I just hide default select arrow and put my icon and style it with this code:

.blog_category_filters select{
background: url(/wp-content/uploads/2023/08/Vector.svg) no-repeat right;
-webkit-appearance: none;
background-position-x: 97%;
}

Hi @filip111

Good job! We are happy to hear that you were able to successfully create the required styles.

Best Regards – Victor