A user working with Shopify’s Impact theme seeks CSS customization help for their product page buttons. They have two specific requirements:
Primary Issues:
Progress Made:
A helper provided CSS code to adjust the button height (60px) by adding it to the base.css file. This partially addressed the sizing issue.
Current Status:
The positioning requirement remains unresolved. The user clarified through screenshots that they want the “Buy It Now” button placed on its own line below other elements. The helper indicated that achieving this layout will require deeper code modifications and requested collaborator access to the store to implement the changes.
The discussion is ongoing, awaiting store access to complete the customization.
Hello, Everyone! I’m using the Shopify Impact theme.
(1) I would like to keep the “Buy It Now” box on the product page the same size as the “Add To Cart” button box in all formats.
(2) I want to keep the “Buy It Now” button option at the bottom line in all formats. “Buy It Now” button size should be up to the mark.
Store: https://bdcoffeeshop.myshopify.com/
Password: Admin
button.shopify-payment-button__button.shopify-payment-button__button--unbranded {
height: 60px;
}
Kindly feel free to get back to me if you need any further assistance.
If helpful, please like and accept the solution. 
Ok, but for this I’ll need to make changes in the code. Please share the Collaborator code so I can check and update it.
