How can I change the 'Shop Now' button color on the Impulse theme?

Store Design
1

Hi,

im looking to change the shop now button color to white background black border

My site is https://luxurymrkt.com

13D7C8C5-3CF9-403B-A4D5-932684BD2260.jpeg
13D7C8C5-3CF9-403B-A4D5-932684BD2260.jpeg1170Ă—2532 241 KB

2

Hi,

Adding the below CSS code at the end of your theme.css file will change the button style:

div#shopify-section-template--15648732545205__rich-text a {
  background: white !important;
  color: black !important;
  border-color: black !important;
}

GabrielS_0-1665192045035.png
GabrielS_0-1665192045035.png1891Ă—786 170 KB

Cheers!

3

Add this CSS, so that you don’t lose the hover tint effect,

div#shopify-section-template--15648732545205__rich-text a.btn {
background: var(--colorBtnPrimaryDark);
color: #1a1a1a;
border-color: #1a1a1a;
}

div#shopify-section-template--15648732545205__rich-text a.btn:hover {
background: var(--colorBtnPrimaryDark);
transition-delay: 0.25s;
}

You can add it to themes.css file in Themes > Action > Edit Code
or use this app of ours to add custom css to any theme - https://apps.shopify.com/custom-css-plus

4

@Luxurymrkt

yes, please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
#shopify-section-template--15693212549301__1655737516587c7b13 a.btn {
    background: #fff;
    color: #000;
    border-color: #000;
}
5

Hello @Luxurymrkt

Go through this solution…

Go to the Online Store-> Theme->Edit code->Assets->theme.css → Add code at the bottom.

div#shopify-section-template–15648732545205__rich-text a.btn {

background: #fff !important;

color: #000 !important;

border-color: #000 !important;

}