I’m using dawn theme’s latest version in that I need to customize the Quick add button, on Hover the Quick add black border wants to be removed, and on mobile the quick add button was not aligned properly, and want to customize the font-size, background color, text-transform, etc…
Website : https://2512in.myshopify.com/collections/all
password: 2512
Hi, @Sivadarshan
I can help you with it. Can you tell me the style you want to customize?
@AnneLuo This “Choose options” font size:1.1rem, letter-spacing:0.1px, border: none, box-shadow: none on hover and in Mobile view the the products are listed one by one so the choose options button not aligned properly so that needs to be aligned properly similar to desktop view and same style in mobile view
Are all the changes on mobile end?
1.Desktop changes :
“Choose options”
font size:1.1rem,
letter-spacing:0.1px,
border: none,
box-shadow: none on hover,
background-color: grey
2. Mobile Changes:
“Choose Options”
Button Alignment
+
font size:1.1rem,
letter-spacing:0.1px,
border: none,
box-shadow: none on hover,
background-color: grey
You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code before the tag
Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!
@AnneLuo Thank you the code is working fine, how can we change the text from “Choose Options” to Quick Look"
@AnneLuo How to remove this border
