How can I adjust the ATC button size and center product recommendations?

Store Design
, ,
1

Hi everyone!

Do you know how to set the size of Add to cart button? All code implementations from this forum are not working.

Do you also know how to center the heading of the product recommendations section on the product page?

store:

alwayshe.com

2

@Maro33 ,

Please share the store URL…

3

@oscprofessional I did that.

store:

alwayshe.com

4

@Maro33

For Add to cart button font size try this code

buy-buttons .button {
    font-size: 18px;
}

For header product recommendations section, try this code

.shopify-section--product-recommendations section-header {
	justify-content: center;
    grid-template-columns: auto;
}

Add 2 code snippets at the bottom of theme editor > assets > theme.css file

5

@ExpertRookie Thank you for your quick reply.

The text size is changing, but along with it the height of the button. Do you know how to increase the size of the text without increasing the button height?

The product recommendation is centered, thank you!

6

hi @Maro33

You need to change line height to fix this issue. Try replace the old code by using this code

buy-buttons .button {
    font-size: 16px;
    line-height: 22px;
}

You can change line-height value to make button height value to appropriate height

7

Now it’s just perfect. Thank you!

8

@Maro33

You are welcome

9

Hello, I am trying to center my product page info, like the price and the variant picker on impact theme. any ideas?