Remove blue border around button when clicked

Hi guys,

Website: seraneeva.com

How can I remove the blue border around the “sort by” dropdown when clicked?? To get there you click on the “buy now” button. I would really appreciate any help!

Hello @flammagreg ,
So which border ?

In this I see black Border when selected .–> This can be changed via css code . Let me know if you are looking for this I will send code for this then.

Then the blue background for option selected :— > This cannot be changed as this is default behaviour of Browser .

This border

Do you also know how to edit which options are in the dropdown? I don’t want the alphabetically options and probably some other ones

So here is the code insert it in theme.liquid

Steps :
1: Online store >>> themes >> select theme click on three dots (…) and then click on Edit Code
2: Find file named : theme.liquid
3: find in the file
4: Above that add this code .


This should make things work .

Thank you!! Do you know how to edit ‘sort by’ dropdowns on collection page??

For this , The option would be editing the code in the theme . Which is not possible to check unless logged in to the store .

Could you log in and check?? I could dm you the collaborator code

sure

I messaged you