To continue receiving payouts, you need to secure your account by turning on two-step authentication. If two-step authentication is not turned on your payouts will be paused. Learn more

Add to cart button change - Dawn theme

Solved
MaBa
Explorer
112 1 13

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)

Accepted Solutions
PageFly-Richard
Shopify Partner
2116 380 1056

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

If it’s helpful to you, please let me know by giving it a like or marking it as a solution.


PageFly #1 Shopify Landing Page Builder - Free to use, 24/7 Live Chat Support.


Hesitate to begin? Check out our top brands with successful stories with PageFly’s Case Studies.

View solution in original post

PageFly-Richard
Shopify Partner
2116 380 1056

This is an accepted solution.

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

If it’s helpful to you, please let me know by giving it a like or marking it as a solution.


PageFly #1 Shopify Landing Page Builder - Free to use, 24/7 Live Chat Support.


Hesitate to begin? Check out our top brands with successful stories with PageFly’s Case Studies.

View solution in original post

PageFly-Richard
Shopify Partner
2116 380 1056

This is an accepted solution.

@MaBa You can try this code:

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

RichardNguyen_0-1665845874208.png

 

If it’s helpful to you, please let me know by giving it a like or marking it as a solution.


PageFly #1 Shopify Landing Page Builder - Free to use, 24/7 Live Chat Support.


Hesitate to begin? Check out our top brands with successful stories with PageFly’s Case Studies.

View solution in original post

Replies 13 (13)
PageFly-Richard
Shopify Partner
2116 380 1056

Hi @MaBa 

Can you share with me the page url

 

If it’s helpful to you, please let me know by giving it a like or marking it as a solution.


PageFly #1 Shopify Landing Page Builder - Free to use, 24/7 Live Chat Support.


Hesitate to begin? Check out our top brands with successful stories with PageFly’s Case Studies.

MaBa
Explorer
112 1 13
PageFly-Richard
Shopify Partner
2116 380 1056

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

If it’s helpful to you, please let me know by giving it a like or marking it as a solution.


PageFly #1 Shopify Landing Page Builder - Free to use, 24/7 Live Chat Support.


Hesitate to begin? Check out our top brands with successful stories with PageFly’s Case Studies.

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

MaBa
Explorer
112 1 13

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
2116 380 1056

This is an accepted solution.

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

If it’s helpful to you, please let me know by giving it a like or marking it as a solution.


PageFly #1 Shopify Landing Page Builder - Free to use, 24/7 Live Chat Support.


Hesitate to begin? Check out our top brands with successful stories with PageFly’s Case Studies.

MaBa
Explorer
112 1 13

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

Thanks in advance!

PageFly-Richard
Shopify Partner
2116 380 1056

@MaBa 

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

If it’s helpful to you, please let me know by giving it a like or marking it as a solution.


PageFly #1 Shopify Landing Page Builder - Free to use, 24/7 Live Chat Support.


Hesitate to begin? Check out our top brands with successful stories with PageFly’s Case Studies.

MaBa
Explorer
112 1 13

siahaw

PageFly-Richard
Shopify Partner
2116 380 1056

This is an accepted solution.

@MaBa You can try this code:

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

RichardNguyen_0-1665845874208.png

 

If it’s helpful to you, please let me know by giving it a like or marking it as a solution.


PageFly #1 Shopify Landing Page Builder - Free to use, 24/7 Live Chat Support.


Hesitate to begin? Check out our top brands with successful stories with PageFly’s Case Studies.

MaBa
Explorer
112 1 13

You are a star!

PageFly-Richard
Shopify Partner
2116 380 1056

I'm glad to help you @MaBa 😉

If it’s helpful to you, please let me know by giving it a like or marking it as a solution.


PageFly #1 Shopify Landing Page Builder - Free to use, 24/7 Live Chat Support.


Hesitate to begin? Check out our top brands with successful stories with PageFly’s Case Studies.

MaBa
Explorer
112 1 13

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