Button Hover Color - change on debut theme

Hi, I’m using debut theme.

I want to change the hover button’s colour and the line’s colour around the button.

I don’t see an option to change it on theme setting → colours

I tried any solution on Shopify community and still not working

  1. I want to do this for all buttons in existing sections as image with text.

  2. I want also to copy and paste an HTML code for buttons I’m adding also manually in some HTML sections

How can I do it?

Regular view:

Hover - When my mouse sign is on the button, this is the default colour:

Thanks!

@Ben1000 -

1 - hover color on button and line color needs custom css

2 - you can open page on browser, right click, inspect element and copy html code from it

Hi @suyash1

  1. As you cans see in the last picture in my post, there is already a default colour, which means that any existing section as "image with text"already generate a hover. I want to know where it is and change it
  2. I want to the size, colour, font, etc. of each button so in addition I will create buttons by my own in an HTML sections

Best,

Ben

@Ben1000

1 - you need custom css to change color

2 - copy html from browser, if html section is in the same theme then default theme css will get applied.

Hi @suyash1

Can you show an example from my website on the first section in my home page?

Best,

Ben

@Ben1000 - can you please share your page link?

Hi @suyash1

https://wortheattt.myshopify.com/
pass: singa

Thanks

@Ben1000 - what color do you want on hover?

@Ben1000

add this code to your theme.css file.

Navigate to online store >> Click edit theme code.

Now find theme.css and paste the following code:

.button1:hover {
    background-color: #68c689 !important;}

Change the color code according to your preferences.