Changing all buttons across website to look the same

Hi everyone, 

I'm sure there is simple code out there to change all buttons across the site to look the same (including for forms, list items etc etc).

At the moment I'm struggling to get all the buttons to look the same or find a solution to make it happen. 

The site is: https://orayaretreats.squarespace.com/
Password: YOURANSWER123!

Thanks in advance!

You'll need to make your website viewable with the password - as it's currently set to private.

Also checking – are you using all the same type of button (e.g. primary, secondary, tertiary) and have you got them all styled the same. 

There are some buttons, that don't automatically use these styles, but I can take a look at it, once I can see the site.

Hi @TheBrandMethod thanks for your reply, sorry I thought I had it set to password. All sorted now. 

New password: YOURANSWER17!

Let me know what you think. 

Thanks! 

It is simple code, but

Each button: Button Block, List Section Button, List Section Item Buttons, Donation Button, Form Block Submit Button, Form Block Lightbox Button, Form Lightbox Submit Button, Newsletter Block Button, Add to Cart button, Checkout Button, Continue Shopping Button, Quick View button, Header Button, Header Mobile Button

have a different structure so need a different ID. You need to share link to all pages where you use button, we can check all code easier)

 @tuanphan makes sense,  for now I need the following two: 

• https://www.orayaretreats.com/bookings - Request Booking button under the form. 
• https://www.orayaretreats.com/ - 3rd section 'Oraya Experiences' the 'explore' button under the list items

Thank so much!

On 2/21/2024 at 4:44 AM, El1z4b3th said:

 @tuanphan makes sense,  for now I need the following two: 

• https://www.orayaretreats.com/bookings - Request Booking button under the form. 
• https://www.orayaretreats.com/ - 3rd section 'Oraya Experiences' the 'explore' button under the list items

Thank so much!

Make button on this page: https://www.orayaretreats.com/bookings

same as this https://www.orayaretreats.com/

or vice versa

Hi @tuanphan sorry for the confusion -  I would like the two linked buttons above to look like the attached image (which is the standard button across the site) hope that makes sense. Thank you 

Use this code to Custom CSS box

button[type="submit"] {
    border-color: #dbd4ca !important;
    color: #dbd4ca !important;
    text-transform: uppercase !important;
    font-family: 'Nightfall' !important;
    padding-top: 1.5em !important;
    padding-bottom: 1.5em !important;
}