Align "Add To Card" and "Buy Now" buttons to center on a free "Sense" theme

Topic summary

A user seeks to center-align the “Add To Cart” and “Buy Now” buttons on the Sense theme for desktop, as the default left alignment appears visually unappealing.

Solution Provided:

  • Navigate to Online Store → Theme → Edit Code
  • Locate the base.css file
  • Add the following CSS at the bottom:
.product-form__buttons {
  margin: 0 auto;
}
  • Save the file

Additional Request:
The user also wants to remove the “More payment options” button appearing below the “Buy Now” button (visible only to them, possibly in preview mode). The support representative suggested creating a separate thread for this secondary issue.

The centering alignment issue appears resolved with the provided CSS code.

Summarized with AI on November 15. AI used: claude-sonnet-4-5-20250929.

Hi, I would like to align buy buttons to center as it looks really bad to me on desktop, also I would love to remove “More payment options” under “Buy with Paypal” button as seen on screenshot. Thanks in advance :heart:

Hello @NikoKatamadze
Its Artzen Technologies! We will be happy to help you today.

Please send your store url

Let me know if need further assistance
Regards,
Artzen Technologies

lumipaint.store

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

.product-form__buttons {
    margin: 0 auto;
}

after that

1 Like

Thank you so much :heart: What about the “More payment options” button that appears under “Buy Now” button? It seems like it only appears to me…? I don’t know.

Please ask this question in new post