I Would Like To Remove The Frame Around The Size Under Product Page as seen in example bellow

Antoninias
Excursionist
52 0 5

my theme is prestige and my website is Antoninias.com. 

 

I would like to change the look of the size as an example bellow....the chosen  size should be underlined and the sold out products should be appearing greyish

Screenshot 2023-12-23 at 13.50.55.png

 

 

Replies 4 (4)

PageFly-Henry
Astronaut
817 228 199

Hi @Antoninias 

This is Henry from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.css

Step 3: Paste the below code at bottom of the file -> Save

 

label.block-swatch {

    border: unset !important;

}

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

Antoninias
Excursionist
52 0 5

yes it is but no underline is applied at the chosen size and currently only the chosen product is black while others are grey....but I want only out of stock product appear grey ...please let me know how to add these as well

PageFly-Henry
Astronaut
817 228 199

You can try this code again.

label.block-swatch {
border-left: unset !important;
border-top: unset !important;
border-right: unset !important;
}

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

Antoninias
Excursionist
52 0 5

this code has basically just deleted  all borders unless the bottom one....please see attached an example of how how Ould like to have it: https://www.sommerswim.com/products/paloma-lusso-tie-side-bikini-bottoms?variant=49000601715037