I cannot expand the Buy Now Button.

Topic summary

Issue: After enlarging the page layout, the Add to Cart/Buy Now button stayed small. The requester wanted to center or expand it.

Key steps and checks:

  • Helpers asked for the store link; the requester shared “bellat aki.com”.
  • Recommended fix: Edit the theme code via Admin → Online store → Themes → Edit code.
  • Open section-main-product.css and remove a specific CSS block (highlighted in a screenshot) that was constraining the button’s size.

Outcome:

  • After removing the marked CSS, the button expanded to the intended size (confirmed with an after-image and the requester’s thanks).

Notes:

  • Images were central to identifying the exact CSS to delete and to show the before/after result.
  • The change involves CSS (Cascading Style Sheets), which controls styling such as width and alignment.

Status: Resolved. No remaining open questions or additional actions indicated.

Summarized with AI on December 22. AI used: gpt-5.

Hello, I increased the size of my page, but the add to cart button remained small. Is there any way to center it or expand it to fit?

Hi @zerotwo ,

Can you kindly share your store link (with the password, if any) with us?

We will check it and suggest you a solution if possible.

Our team in here honor to support you, bro!

Have a nice day!

Hi @zerotwo

Could you share the link to your store?

bellataki.com

@zerotwo ,

Step 1. Go to Admin → Online store → Theme > Edit code

Step 2. Find the file section-main-product.css and remove the code i mark here

Result:

If it helps you, please like and mark it as the solution.

Best Regards

1 Like

Thank you so much!!!