How to center text on cart button (VENTURE THEME)

Solved
JLbyone
Navigator
284 20 79

Hi there community, i got some issue with that cart button on product-template, how can i center that text?

 

pickselector.jpg

 

Accepted Solution (1)

Accepted Solutions
diego_ezfy
Shopify Partner
2302 413 542

This is an accepted solution.

@JLbyone, do this to fix it in 20 seconds:

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

.product-form__item .btn[type='submit']{
    justify-content: center !important;
    align-items: center !important;
}



Kind regards,
Diego

◦ Slideshow images cutting off? Try the Slideshow (PRO) section. No apps required. | Replace apps with copy/paste code snippets & save money. Examples here.

View solution in original post

Replies 7 (7)
Puma1027
Tourist
43 3 2

Hi, JLbyone.

Please add css code in Edit code > Assets > theme.scss.liquid

.template-product .product-form__cart-submit {

     text-align: center;

     display: flex;

     justify-content: center;

     align-items: center;

}

Good luck.

If helpful, please "Like" and Accept Solution.
I am a Shopify developer.
I want to achieve my success through a community with you.
It's my success and soon your success.
If you need help, please contact me!
Skype ID: live:.cid.4149c7e1ff44466c
JLbyone
Navigator
284 20 79

i forgot to put preview url: https://an0f6f64yh6md3wn-53196980409.shopifypreview.com

 

anyway that code doesn't do nothing sir! thanks you!

JLbyone
Navigator
284 20 79
Puma1027
Tourist
43 3 2

Did you solve the problem?

I confirmed the site preview url.

If there isn't the price in the button, button text will be centerd.

But I think this current state is good.

Good luck.

If helpful, please "Like" and Accept Solution.
I am a Shopify developer.
I want to achieve my success through a community with you.
It's my success and soon your success.
If you need help, please contact me!
Skype ID: live:.cid.4149c7e1ff44466c
JLbyone
Navigator
284 20 79

i used that tutorial from shopify dev (https://help.shopify.com/en/manual/online-store/themes/os/customize/add-pick-an-option ) to get pick a option, but when you choose a selection, product price disappear.. 

diego_ezfy
Shopify Partner
2302 413 542

This is an accepted solution.

@JLbyone, do this to fix it in 20 seconds:

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

.product-form__item .btn[type='submit']{
    justify-content: center !important;
    align-items: center !important;
}



Kind regards,
Diego

◦ Slideshow images cutting off? Try the Slideshow (PRO) section. No apps required. | Replace apps with copy/paste code snippets & save money. Examples here.

View solution in original post

JLbyone
Navigator
284 20 79

thanks @diego_ezfy  it works really well. Thanks you so much ! Appreciate that! Have a good day!