Jump to content

Customizing a button

Recommended Posts

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!

Edited by agne
Link to comment
  • Replies 4
  • Views 732
  • Created
  • Last Reply

Top Posters In This Topic

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;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.