Changing the background color of a Button

Store Design
, ,
1

Hi, I am using the Dawn theme and currently the background is black, but I want the button to be white, so i change the color of the button to white but it turns out greyish because the background is black… I want to change the background of the button to be white, but leave the rest of the background for the site the same, how do I do this?

1 Like
2

Hi, it’s in a “right text” section, right under the heading the button is a “shop now” button.

3

Hi @noobnoobquestio ,

You can try this.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
  4. And Save.
.banner__buttons a {
    background: white;
    color: black;
}

Result:

Ribe_Dagandara_0-1687036358976.png
Ribe_Dagandara_0-1687036358976.png1118×277 37.4 KB

If its not working. Would you midn to share your URL website with password? Thanks!

I hope it help.

4

Hi, thanks for the reply! Sadly, it didn’t work. Here is the link: https://ndw7h7mcbkceah83-77777174801.shopifypreview.com

1 Like
5

Try this one.

.rich-text__buttons.scroll-trigger.animate--slide-in {
    width: 18%;
    background: white;
    color: black;
}
a.button.button--primary {
    opacity: 1.0;
}

Result:

Ribe_Dagandara_0-1687090119924.png
Ribe_Dagandara_0-1687090119924.png808×289 8.02 KB

Same Instructions.

6

Thanks, I have another question if you don’t mind, when I change my text to paragraph I get that grey text again, also how can I decrease the size of Paragraph text? Thanks!

7

Sorry do I just copy and paste that code exactly and enter it? I tried it and it didn’t work.

8

Thanks, I have another question if you don’t mind, when I change my text to paragraph I get that grey text again, also how can I decrease the size of Paragraph text? Thanks!