Change color of "Shop now" button - Sense Theme

Store Design
1

Dear community,

unfortunately, I can’t get any further with the creation of my page with the Sense Theme.

Can anyone help me how to change the color of the “Shop now” button on the home page without changing the color of the text as well?
Unfortunately, the color of the button and that of the text are linked in the color settings. I would like these in different colors though.

I would be very happy about an answer.

Thanks in advance.

Kind regards
Jan

3 Likes
2

Hi @ecomjan

This can be done via a few simple lines of code. Would you mind sharing your store’s URL so we can provide a solution for that?

1 Like
3

I.hope yes

4

Very easy fix/bug. Shopify please fix this for everyone so people don’t have to! This will allow everyone to still edit the button color.

Go to edit code

Find - section-image-banner.css

Change this -

@media screen and (min-width: 750px) {
  .banner--desktop-transparent .banner__box {
    background-color: transparent;
    --color-foreground: 255, 255, 255;
    --color-button: 255, 255, 255;
    --color-button-text: 0, 0, 0;
    max-width: 89rem;
    border: none;
    border-radius: 0;
    box-shadow: none;
  }

To this -

@media screen and (min-width: 750px) {
  .banner--desktop-transparent .banner__box {
    background-color: transparent;
    max-width: 89rem;
    border: none;
    border-radius: 0;
    box-shadow: none;
  }
5

@jordanhanson Hiya! Can I please ask is it possible to also do this for the mobile button?