Return to previous page

How to: Product Filters drop down styling

This topic has 3 replies, 3 voices, and was last updated 3 months ago ago by Andrew Mitchell

Awais Bhatti

Participant

August 20, 2024 at 21:28

hello how can we style the hover effect of the show 12, 24, 36 dropdowns also for the sorting

Files is visible for topic creator and
support staff only.

#410920 Copied Theme version: 9.3.17

2 Answers

Jack Richardson

Support staff

August 21, 2024 at 09:31

Hello,

There are only a few style attributes that can be applied to an <option> element.

This is because this type of element is an example of a ‘replaced element’. They are OS-dependent and are not part of the HTML/browser. It cannot be styled via CSS.

There are replacement plug-ins/libraries that look like a <select> but are actually composed of regular HTML elements that CAN be styled.

Kind regards, Jack Richardson

#410972 Copied

Andrew Mitchell

Support staff

August 21, 2024 at 10:46

Dear Awais Bhatti,

As we continue our mission to exceed expectations, your insights become increasingly valuable. Could we, with all due respect, request your thoughtful feedback by giving our theme a deserved 5-star rating on ThemeForest?

Click here to share your valuable perspective: https://themeforest.net/downloads

Your time and trust are highly appreciated!

Best Regards,
The 8Theme Team

#410994 Copied
Tagged: best selling themes, customize woocommerce, dropdown filters, ecommerce website design, product filters styling, woocommerce themes
Viewing 3 results - 1 through 3 (of 3 total)