How to center text on cart button (VENTURE THEME)

Store Design
1

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

pickselector.jpg
pickselector.jpg1910×668 44.2 KB

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.

1 Like
3

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

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

4

UP!

5

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.

6

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

7

@SHIBdev , 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

1 Like
8

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