Change color of the "SHOP NOW" button on slideshow

New Member
8 0 0

Hi, I'm trying to add a background color to the "Shop Now" button that's on the slideshow and idk how to do it. Can someone please help my website is http://yegandco.com

0 Likes
Shopify Partner
6 1 1

Hi yegandco,

 

If I am correct the result you are after is the attached image?

 

You are actually setting the background colour to be transparent with the following inline CSS in your HTML (see below)

 

<div class="banner7-readmore">
  <a class="btn" href="/collections" style="background:rgba(0,0,0,0) !important;color:#fff !important;">
    SHOP NOW</a>
</div>

You can see background:rgba(0,0,0,0) !important; is setting the background to have 0 opacity. If you wanted to keep the HTML very simular and just change the colour value (if you want to pick a colour here:https://htmlcolorcodes.com/color-picker/ you can use the hex value so blue would become #eedb02  etc) you could use:

 

<div class="banner7-readmore">
  <a class="btn" href="/collections" style="background: blue !important;color:#fff !important;">
    SHOP NOW</a>
</div>

Are you happy implementing this solution by editing your theme files?

 

Best,

Sam Cooper - Cooper & Co

sam@cooperandco.agency

 

Screen Shot 2019-09-25 at 17.00.36.png

1 Like
New Member
8 0 0

Hi Sam,

 

Thanks for this. I just don't know which files do I make changes to. Which file has the above code?

0 Likes
Shopify Partner
6 1 1

You're welcome :) That would depend on your theme etc it's not really possible to say without looking at the file structure... 

0 Likes