How can I edit the style of these buttons using CSS?

Hello,

I would like to edit the thick grey outline around some of the themes buttons, for example the quantity selector on the product page, and the dropdowns for variable products.

Attached is a screenshot.

Is there a way in CSS I can edit this, I just want to make the outline a thin grey line, rather than this thick fuzzy looking one?

Thanks in advance!

Attachments:

You must be logged in to view attached files.

[Aizaz Imtiaz Awan]

Hello,

Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

table.variations select, div.quantity input[type="button"], div.quantity input[type="number"] {
    border-color: grey;
}

Best Regards

• This reply was modified 3 years, 2 months ago by Aizaz Imtiaz Awan.

Hi Aizaz,

Thats awesome, thank you so much!!!

Hello,

You are Most Welcome.

Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.

Have a wonderful day.

Topic Closed.
Best Regards.

[Author]

Posts