Customizing a button

Site URL: https://www.bespokenhome.com/about

Hi!

Website URL https://www.bespokenhome.com/about
Password : bespokencalifornia

I am trying to customize the button which is in the image card and not as a separate block. I am trying to change the border line, font, color on hover etc. Basically I want it took look the same style as the button on this page https://www.bespokenhome.com/contact . Any help would be very appreciated!

Hi,

You mean

• Gray border
• Gray text
• Hover: change border color + text color

Is this right?

Hi!

Yes, that is right. I would also like to change font of the button and make the border line thin.

Thanks!

On 2/8/2022 at 10:06 PM, agne said:

Hi!

Yes, that is right. I would also like to change font of the button and make the border line thin.

Thanks!

Add to Design > Custom CSS

/* Image block button */
.image-button a {
    border: 1.8px solid #ada6a0 !important;
    color: #ada6a0 !important;
}
.image-button a:hover {
    border-color: #cca370 !important;
    color: #cca370 !important;
    background-color: transparent !important;
}

It worked great! Thank you very much!