How to change the colour of the call to action button

Store Design
,

Topic summary

A user needed help changing the color of the “Shop Now” call-to-action button on their homepage using the Dawn theme. They wanted to change it from transparent to #6665E5.

Solutions provided:

  • GemPages Support Team suggested:

    1. Navigate to Online Store > Theme > Edit code
    2. Open the theme.liquid file
    3. Paste custom CSS code before the </head> tag

  • DelightCart offered an alternative:

    • Go to assets/base.css
    • Add CSS targeting .button classes with background-color: #6665E5 !important; at the bottom of the file

Resolution: The user confirmed the solution worked and thanked the community for their help.

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

hello

i am struggling to work out how to change the colour on the “shop now” call to action button on my home page on the dawn theme. would like to change it to #66655E it is currently transparent on the back ground imagine

my website URL https://thebeautylab.org.uk/

2

Hello @thebeautylab ,

It’s the GemPages Support Team and we are glad to assist you today!

I would like to give you the recommendation to support you so kindly follow the steps below:

  1. Go to Online Store > Theme > Edit code of your current theme

GemPages_0-1676868273298.png
GemPages_0-1676868273298.png1857×907 102 KB

  1. Open your theme.liquid theme file

  2. Paste the below code before

Let us know how it works for you.

Best regards,
GemPages Support Team

3

@thebeautylab Go to assetes/base.css and paste be

.button, .button-label, .shopify-challenge__button, .customer button
{background-color: #66655E !important!;}

low css at bottom of file.

4

yes that has worked. thank you very much!

1 Like
5

I am glad that my solution is helpful to you.

Best regards,
GemPages Support Team