How to change color on my shop now button on my home page Sens Theme

Hi! I’m trying to change the color of the “Shop Now” button in the Image Banner in Sense. When I click on the button, and then click on theme settings, the option to change the color of the button disappears and when I click within the theme settings into the “Button” section, it gives me no option to change the color. I have looked at other solutions and tried copying and pasting code, but that never seems to change anything in my page. I would like the button color to be a green color #2ca649 for all my pages on my home page. As you can see my different pages on my homescreen have different colors to there shop now buttons and I am just so confused.

Any help in a timely manner would be so appreciated! thank you!

Hello @Drew27 ,

You can follow these steps:

  1. Go to Online Store->Theme->Edit code

  1. Open your theme.liquid file, paste the below code before

{%  if template contains 'index' %}
    
     {%  endif %}

I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team

1 Like

Thank you for the reply, this is unfortunately the instructions I have
gotten before, that do not seem to work when I apply them. Is there any
other solutions to this that come to mind?

You R such a lifesaver! you solved it! I will give you an “accept as solution” obviously but am wondering if you could possibly now tackle changing the font/border of these pages? I would like to change the font and border of these buttons that you just instructed me on how to turn them green into a white border and white font! Thank you so much and here’s an example of what I want changed from that pinkish font/background.

Also if you wouldn’t mind, I am also trying to change my product pages add to cart button to that same green color of #2ca649 if possible. I am having the same problem of not being able to customize it in the theme editor. Here is what my “Add to Cart” button looks like now.

Again, you have been such a help, thank you so much!!

Hello @Drew27 ,

You can remove old code and add new code to fix


Do you mind being more specific on the instructions? I am guessing this is the solution to my reply relating to the changing the button color on my product page? But I am not sure and have no idea how to get to the right code where I would paste that in. Also, I need to change the font on my home page “Shop Now” buttons if you also know how to do that. I would assume you would being that you just helped me change the background to these home page “shop now” buttons. Thank you :)))

Hello, I am still having trouble fixing my font and my product page add to cart button background color if you don’t mind helping! thanks so much!