Solved

Add to cart button change - Dawn theme

MaBa
Explorer
115 1 16

Hi, I would like to change the size of the add to cart button and to align it to the left.  How can I do it?

Accepted Solutions (3)
PageFly-Richard
Shopify Partner
4164 935 1586

This is an accepted solution.

Hi @MaBa 

I’m Richard Nguyen from PageFly- Free Landing Page Builder

 

You can try with this code.

Follow this:

Go to Online Store->Theme->Edit code->base.css ->paste bellow code in bottom of file

 

.quick-add {

    width: 100px !important;

}

RichardNguyen_0-1665821738852.png

 

Hope that my solution works for you.

Best regards,

Richard | 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.

View solution in original post

PageFly-Richard
Shopify Partner
4164 935 1586

This is an accepted solution.

Try this code:
.quick-add__submit {
background: gold;
}

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.

View solution in original post

PageFly-Richard
Shopify Partner
4164 935 1586

This is an accepted solution.

@MaBa You can try this code:

.card__content {
justify-content: center !important;
}

RichardNguyen_0-1665845874208.png

 

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.

View solution in original post

Replies 13 (13)

PageFly-Richard
Shopify Partner
4164 935 1586

Hi @MaBa 

Can you share with me the page url

 

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.

MaBa
Explorer
115 1 16
PageFly-Richard
Shopify Partner
4164 935 1586

This is an accepted solution.

Hi @MaBa 

I’m Richard Nguyen from PageFly- Free Landing Page Builder

 

You can try with this code.

Follow this:

Go to Online Store->Theme->Edit code->base.css ->paste bellow code in bottom of file

 

.quick-add {

    width: 100px !important;

}

RichardNguyen_0-1665821738852.png

 

Hope that my solution works for you.

Best regards,

Richard | 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.

MaBa
Explorer
115 1 16

Hi again, thx for you help. I tried to change the color of of the button in this way:

 

.quick-add {
width: 130px !important;
color: gold !important;
}

but it didnt work. Any suggestion?

PageFly-Richard
Shopify Partner
4164 935 1586

This is an accepted solution.

Try this code:
.quick-add__submit {
background: gold;
}

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.

MaBa
Explorer
115 1 16

I have another question...what if I want to center the button? 

Thanks in advance!

PageFly-Richard
Shopify Partner
4164 935 1586

@MaBa 

Please share the password page, now I can't login to your site

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.

MaBa
Explorer
115 1 16

siahaw

PageFly-Richard
Shopify Partner
4164 935 1586

This is an accepted solution.

@MaBa You can try this code:

.card__content {
justify-content: center !important;
}

RichardNguyen_0-1665845874208.png

 

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.

MaBa
Explorer
115 1 16

You are a star!

PageFly-Richard
Shopify Partner
4164 935 1586

I'm glad to help you @MaBa 😉

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.

MaBa
Explorer
115 1 16

i have another ticket open but I got no answer, would u be able to help there as well?

 

https://community.shopify.com/c/shopify-discussions/customise-image-and-text/m-p/1777512#M318500

hussain-ahamd
Shopify Partner
7 1 1

Hi MaBa,

If you meant the product page, you can try the following code.


product-form.product-form {
max-width: 142px;
}

Please go to Online Store->Theme->Edit code->base.css -> and paste it on the bottom.

Screenshot_5.png