Debut Theme- Change "Shop Now" Button Color

Store Design
1

Hi,

I’m using Debut theme and want to change the color of SHOP NOW button on the slide.

I’ve looked the discussion below, but this didn’t work for me for somehow.

https://community.shopify.com/c/technical-q-a/debut-theme-change-quot-shop-now-quot-button-color/m-p/626949

I would like to know how to

  1. Change color of the font and fill of SHOP NOW button

  2. Delete the frame and change color of SHOP NOW button

1 Like
2

@Glb_ag ,

Please share the store URL…

3

Thank you for your reply. Here is our store.

I haven’t put the button yet because it doesn’t fit well on the slide design I have now.

https://shop.livelyhotels.com/

1 Like
4

@Glb_ag

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

1 Like
5

@Glb_ag

thanks for url yes, please show me button

6

@Glb_ag ,

I have gone through your store,

oscprofessional_0-1650953813816.png
oscprofessional_0-1650953813816.png1851×1003 360 KB

it is an image you have to add the shop now as button text not in image.

we cannot change it by css.

or make a new banner slide image with your requirement.

7

Hi, it’s been while but I have placed the button.

Hope you can help me.

1 Like
8

@Glb_ag

image text color change not possible please add text

9

I have placed the SHOP NOW link button, and is it still not possible to change their color?

10

@Glb_ag ,

a.btn.slideshow__btn {
    BACKGROUND: RED;
    COLOR: #000;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid

Note : Change the background color and button color as per you need.

1 Like
11

Thank you so much. It worked!

Can you also help me how to do

1.No fill color

2.White frame