I changed pop-up link to button in dawn theme and make it the same style

Store Design
1

hello,
I changed the pop-up link to a button in dawn theme but I want to change it into the same style with add to cart button.
How can i make it the same?

Screenshot 2022-12-23 at 11.21.57 AM.png
Screenshot 2022-12-23 at 11.21.57 AM.png870×746 33.8 KB

2

@ASI2 share your store url ?

3

https://f4dwbss0y3z6tavq-50247467201.shopifypreview.com

Here you go, Thx for helping

4

@ASI2
put below css into base.css file (online store ->themes->asset->base.css)

modal-opener.product-popup-modal__opener.no-js-hidden.quick-add-hidden {
    width: 100% !important;
  
}
button#ProductPopup-d1af47b9-39a8-4d6e-a355-f06cddc78d7b {
    background-color: #013006;
    color: white;
}

Ujjaval_0-1671766880075.png
Ujjaval_0-1671766880075.png1439×756 127 KB

1 Like
5

hello i want to make this two button closer as well, how can i make it?

6

@ASI2
put below css

modal-opener.product-popup-modal__opener.no-js-hidden.quick-add-hidden {
    margin: 0px;
}

Ujjaval_0-1671768626106.png
Ujjaval_0-1671768626106.png1432×754 119 KB

1 Like
7

https://f4dwbss0y3z6tavq-50247467201.shopifypreview.com
its cant be change. can you help use again?

8

@ASI2
Use below one css

modal-opener.product-popup-modal__opener.no-js-hidden.quick-add-hidden {
    width: 99% !important;
    margin-top: 0px !important;
}

Ujjaval_0-1671771220778.png
Ujjaval_0-1671771220778.png1440×760 149 KB

9

Hello I put it into base.css already but it still cant be show
https://f4dwbss0y3z6tavq-50247467201.shopifypreview.com

10

Screenshot 2022-12-23 at 2.38.07 PM.png
Screenshot 2022-12-23 at 2.38.07 PM.png1630×1332 174 KB

11

Try to put in theme.liquid file before closing tag