Buttons to be larger prestige theme

Leblancfashion
Tourist
32 0 1

 

614620AB-D5FE-402F-8574-88E415F1DC96.png

Hi,

 

I’d like to have my add to cart and checkout buttons more larger/bigger than they are currently on the website, is it possible? There are like this now: 

4ADF008D-377F-4200-8F25-B88006C980E1.png

but I would like them to be like this:

Replies 9 (9)

biznazz101
Shopify Partner
494 48 88

Hello, it would help if you could provide your store URL.

You can go to Themes> Customize> Navigate to buttons and click section> Scroll down to Custom CSS> Add This Code

 

button {
  min-width: 300px;
  min-height: 60px;
  font-weight: bold;
  border-radius: 40px;
text-transform: uppercase;
}

 


Adjust the code (px) as needed to change the buttons size.

Before & After:

biznazz101_0-1707983301248.png

 


Hope that helps!
@biznazz101 

Don't hesitate to reach out for more help with your store.
SEE OUR TASK STORE or check us out via our profile! FREE STORE AUDIT
Leblancfashion
Tourist
32 0 1

My store url is leblancfashion.myshopify.com

 

password: Leblancfashion132

biznazz101
Shopify Partner
494 48 88

Follow the above instructions but use this code instead:

button {min-width: 400px;
min-height: 50px;
font-weight: bold;
border: 1px solid black;}

Result:

biznazz101_0-1707986282157.pngbiznazz101_1-1707986316941.png

 

 

Hope that helps!
@biznazz101

Don't hesitate to reach out for more help with your store.
SEE OUR TASK STORE or check us out via our profile! FREE STORE AUDIT
Leblancfashion
Tourist
32 0 1

7804E918-79A3-4C22-BFB6-CB3BEFAA7695.jpeg

Thank you so much!!

@biznazz101 

is it also possible to get a dynamic button in my cart drawer, just like this?

biznazz101
Shopify Partner
494 48 88

There are currently dynamic checkout buttons in your cart drawer. They change based on customers preferred method.

biznazz101_0-1708023449223.png


To make them match the existing checkout button add this code to your base.css file

 .paypal-button {
border-radius: 40px;
min-height: 45px;
max-height: 45px;
  }

.shopify-cleanslate .DefhEHZZf4y32pvV7mZj {
  border-radius: 40px !important;
  width: 100% !important;
  height: 45px !important;

 

Result:

biznazz101_1-1708023911023.png


Hope that works for you!
@biznazz101 

Don't hesitate to reach out for more help with your store.
SEE OUR TASK STORE or check us out via our profile! FREE STORE AUDIT
Leblancfashion
Tourist
32 0 1

Now there are always three dynamics button showing but is it possible to only have one (the preferred one) that are based on customers? @biznazz101 

 

or like this for instance, two smaller buttons, one of PayPal and one either Google pay or Apple Pay 

7E7409DF-661B-4B65-90AC-DE637312ED1C.png

biznazz101
Shopify Partner
494 48 88

The first one is not dynamic checkout, but yes there will be 2 buttons.
You can remove one by using this code:

li.XLcXEW3RnM9fyU7k7fvC
{
  display: none;
  visibility: hidden;
}
iframe.ybSyad5RbtOghAuCHUvv.paypalLight.wOEViUrCyNb9maEe3QrQ
{display: none;
visibility: hidden;}


Yes it's possible to make them display inline but it will require editing your theme files, I cannot provide the code here for that. If you'd like I can send an access request to your store and try to change it for you. Just let me know.

Thanks!
@biznazz101 

Don't hesitate to reach out for more help with your store.
SEE OUR TASK STORE or check us out via our profile! FREE STORE AUDIT
Leblancfashion
Tourist
32 0 1

Yes you can send it to me please it’s be really helpful @biznazz101 

Leblancfashion
Tourist
32 0 1

BE96F56A-0B98-4F3B-8EEF-C4742862EC2B.png

Right now I just need the PayPal button to disappear and the two (Apple & Google Pay) to be next to each other on the same line as the picture i sent in the previous message.