How to change size and if possible move a button on a specific page

lollygag
Excursionist
28 0 4

Hi Everybody

I have just added a gift card app to my site- by the way its great

It was added to this page:

https://lollygag.co/products/lollygag-giftcard

I would like to match Send as gift button size to the rest my size for example the "add to cart" button

I also would love to swap this button with the add to cart

so "send as gift" is on top and "add to cart" underneath 

See mockup

PLEASE HELP , thanks in advance 

 

 

Pallavi
Shopify Expert
2383 397 515

Hello There,

Please share your store URL and Screenshot.
So that I will check and let you know the exact solution here.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
lollygag
Excursionist
28 0 4

You can see my store URL on my post

www.lollygag.co

here is the page i want to modify:

https://lollygag.co/products/lollygag-giftcard

 

Thx so much

 

Pallavi
Shopify Expert
2383 397 515

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >styles.scss.css and paste this at the bottom of the file:

.product-form .payment-and-quantity--buttons-active .payment-and-quantity__add {
display: flex;
flex-wrap: wrap;
}

.product-form .payment-and-quantity--buttons-active .payment-and-quantity__add .GiftWizard-gift-button {
order: -1;
width: 100%;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
lollygag
Excursionist
28 0 4

First thing, Thank you for helping

This did fix my gift card page perfectly!! thank you

Tut now my "add to cart" button ON all of my other products is incorrect, it become taller - can we fix?

Please see attached images 

0 Likes
lollygag
Excursionist
28 0 4

First thing, Thank you for helping

This did fix my gift card page perfectly!! thank you

Tut now my "add to cart" button ON all of my other products is incorrect, it become taller - can we fix?

Please see attached images 

0 Likes