Need help inverting colors of button

Topic summary

A user seeks to invert the colors of a button on their contact page, changing the background from its current color to white and the text to black.

Proposed Solution:

  • Another user provides step-by-step instructions to modify the theme code in Shopify Admin
  • The solution involves adding custom CSS to the theme.liquid file
  • The CSS targets specific section IDs to set the background color to white (#fff)

Implementation Steps:

  1. Navigate to Online Store > Themes > Actions > Edit Code
  2. Locate Layout > theme.liquid
  3. Paste the provided CSS code at the bottom of the file

The response includes a code snippet and screenshot showing where to insert the changes. The discussion appears resolved with a concrete technical solution provided.

Summarized with AI on October 24. AI used: claude-sonnet-4-5-20250929.

I need help inverting the colors of the button in my contact page, i want the background to be white and the text to be black

store- blissbloom.shop

1 Like

Hi @blissbloomaesthetic

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Layout > theme.liquid and paste this at the bottow of the file:
section#shopify-section-template--25511325172002__main {
    background: #fff;
}
section#shopify-section-template--25511325172002__form {
    background: #fff;
}