How can I alter the button format on my site?

Topic summary

A user wants to change button styling across their entire site from pink background with black text to white background with black text.

Proposed Solution:
One responder (PageFly app representative) provided CSS code instructions:

  • Navigate to Online Store → Theme → Edit code
  • Locate the base.css file
  • Add CSS code at the bottom: button { background: white !important; }
  • Save the changes

Additional Help Offered:
Another community member requested the website password and clarification on which specific buttons need modification to provide more targeted assistance.

The user confirmed they want to change all buttons throughout the site. The discussion remains open as the user has not yet confirmed whether the CSS solution worked.

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

I’m trying to change the format of my buttons throughout the site. Right now they’re a pink (accent color) with black font and I would like them to be white with a black

https://lola-la-bola-2.myshopify.com/

Hi @Lolalabola

This is Lucas from PageFly - Landing Page Builder App

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

.button {

background: white !important;

}

Hope that my solution works for you.

Best regards,

Lucas| PageFly

Hi @Lolalabola ,

Would you mind to share the password of your website? and may I know which buttons you want to change? Thanks!

rtawch. All of them