Hi @Laure5
- Go to Online Store → Theme → Edit code.
- Find the file assets/theme.css and paste the code below at the bottom of the file."
button.shopify-payment-button__button.shopify-payment-button__button--unbranded {
min-height: 60px!important;
}
Topic summary
Issue Identified:
Users of the Impact theme are experiencing inconsistent button sizing on product pages, where the “Buy it Now” and “Add to Cart” buttons appear in different sizes.
Solution Provided:
A CSS fix was shared to resolve the sizing discrepancy:
- Navigate to Online Store → Theme → Edit code
- Open
assets/theme.css - Add custom CSS targeting
.button__button.shopify-payment-button--unbrandedwithmin-height: 60px !important
Outcome:
The original poster confirmed the solution worked perfectly.
Related Issue:
Another user reported a similar problem but with the “Buy it Now” button appearing smaller and experiencing slow rendering times, suggesting potential variations of the same underlying issue.
1 Like