How to remove outline on product choose options (Both Web & Mobile)

[l1kim]

Hello,

When you click on "Choose options":

1) How do you remove the border line or outline around the product pop-up?

(For BOTH website and mobile)?

2) Also, how do you center the “Click to view full details” at the bottom?

 Thank you very much,

 

[suyash1]

@l1kim  can you please share this product page link?

[l1kim]

1) Sure, you can see the products here:

https://putonlovemarket.com/collections/shop-all-candles
(2 products have “Choose options”)

2) Also, how would you center the “Click to View Full Details” at the bottom?

Thank you,

[LizHoang]

Hi @l1kim 

You can follow the instruction below to remove padding: 

1. Go to Shopify > theme > customize > open the Custom CSS

2. Copy and paste the code below to the section > save.

div.quick-add-modal__content-info {
    padding-top: 0;
}
and text center
code:
a.link.product__view-details.animate-arrow {
    text-align: center;
}

 Here is the result: 

[l1kim]

Hello,

I still see the border on mobile? (I would like for mobile only)

[Perennial]

Hi @there

You can follow the instruction here :

1. Go to Shopify > Theme > Customize > open base.CSS
2. Copy and paste this code to the section > Save

.global-settings-popup {
border-width: 0;
}

[l1kim]

Would you know how to do remove the border from mobile only?