How do I add a border when clicking Choose Option? - Dawn Theme

[randytheasian]

URL: https://www.meta25.studio/

 

[DaisyVo]

Hi @randytheasian 

I hope you are well. You can follow our instructions below:

1/ Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
2/ From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/iDxwa8zBQ4Z-
3/ Copy the code below and paste it there

Here is the code for Step 3:

.quick-add-modal__content.global-settings-popup {
    border: 2px solid black !important;
}

 

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.

[randytheasian]

It seems like it didn't work 

 

[DaisyVo]

@randytheasian 

It seems you haven't saved the change yet. Could you please save the change and re-check it on your front store instead? 

[GTLOfficial]

Hello @randytheasian 
Go to online store ----> themes ----> actions ----> edit code ---->base.css
add this code at the end of the file and save.

.product-form__input input[type="radio"]:checked + label {
border: 1px solid black !important;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[randytheasian]

I'm looking for something like this. A border around when people clicking into Choose Option. 

[websensepro · Accepted solution]

Hi @randytheasian 

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

.quick-add-modal__content-info {
    border: 2px solid black !important;
}

Result:

If my reply is helpful, kindly click like and mark it as an accepted solution.
If you are happy with my help, you can help me buy a COFFEE
Thanks!

[randytheasian]

How do I make the bottom padding lesser?

 

[websensepro]

@randytheasian 

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

.quick-add-modal__content-info {
   padding: 10px 18px 0px 18px !important;
}

If my reply is helpful, kindly click like and mark it as an accepted solution.
If you are happy with my help, you can help me buy a COFFEE
Thanks!

[randytheasian]

What about Mobile View?

[websensepro]

In mobile view, it is showing perfectly fine.

[randytheasian]

I forgot to refresh the page! Works perfectly! Thanks 

[websensepro]

Glad I could help