How can I change the 'Shop Now' button color in Debut?

Store Design
1

Hello,

I would like to change the color for my Shop Now buttons on JennifersGranola.com from color #3A3A3A to color #1A4C02. How can I accomplish this?

Thanks!

Roy

2

Add this rule to the bottom of theme.css

a.btn{
  background-color: #1A4C02;
}
3

Hi Nick,

That worked well, what color do you think I use for the Hover state and what code to insert for that?

Roy

4

Pls, remove the other rule I’ve provided and replace it with this new rule:

.hero__inner a.btn{
  background-color: #1A4C02 !important;
}

#shopify-section-feature-row a.btn{
  background-color: #1A4C02 !important;
}

.hero__inner a.btn:hover{
  background-color: grey !important;
}

#shopify-section-feature-row a.btn:hover{
  background-color: grey !important;
}

The default grey hover color looks fine. You can use a color palette and pick a hover color that fits your personal preference.
https://coolors.co/

If you need advanced design help, Shopify designers are available here: https://experts.shopify.com/