Fix my Buttons

[chichi0114]

Hi,

I want to turn all the buttons with outline  on my site to have the hover effect pictured in the second picture.

Best,

Chichi0114

[DaisyVo]

Hi @chichi0114 

I hope you are well. You can follow our instructions below:

1/ Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
2/ From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/iDxwa8zBQ4Z-
3/ Copy the code below and paste it there

Here is the code for Step 3:

a.button:hover {
    background: #DDD2CB !important;
    color: black !important;
}

 

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.

[Dan-From-Ryviu]

Hi @chichi0114 

Please add this code to Custom CSS in Online Store > Themes > Customize > Themes settings to do that 

a.button {
    background-color: rgba(var(--color-button), var(--alpha-button-background)) !important;
    --color-button-text: 23, 25, 31;
}

[ZestardTech]

Hello @chichi0114 ,

Here are the steps to apply the necessary changes in your Shopify store:

1. In your Shopify Admin, navigate to Online Store > Themes > Actions > Edit Code.
2. Locate Asset > base.css and paste the following code at the bottom of the file:

body a.button:hover{
    background-color: #c2b6ae !important;
    color: #000;
    transition: all 0.3s ease-in-out;
}

Let me know if you need further assistance!