Change button blocks to custom font

Site URL: http://www.paigemercer.com

Hey there I have changed the font on my site using a custom font but cannot figure out the code for the button blocks. EX: Contact, Learn More... etc. This was the code I was using but with another font. 

button {
    font-family: Chairdrobe-regular !important;
}

.sqs-block-button-element {
	font-family: Chairdrobe-regular !important;
}

On your home page, there are 4 buttons that all go by the selector ".sqs-block-button-element".  I think it will affect all buttons on your site.

5 minutes ago, tazmeah said:

.sqs-block-button-element {
	font-family: Chairdrobe-regular !important;
}

On your home page, there are 4 buttons that all go by the selector ".sqs-block-button-element".  I think it will affect all buttons on your site.

 

Thank you that worked!

@PAIGEMERCER I see this page has very long content on mobile. You should consider adding a back to top button.

https://paigemercer.com/portfoliogallery

Hello, I'm also trying to change to a custom font for my 'Submit' button in the contact form, but the above code didn't work. Any tips?

https://www.promomomma.com/contact

pass: promo1

@MeaghanPM

The code did work as it was meant for a button block. You are trying to change the font on a form block button.

What font family are you trying to apply to that button?

9 hours ago, MeaghanPM said:

Hello, I'm also trying to change to a custom font for my 'Submit' button in the contact form, but the above code didn't work. Any tips?

https://www.promomomma.com/contact

pass: promo1

Add to Design > Custom CSS

/* form button font */
input.button.sqs-system-button.sqs-editable-button {
    font-family: 'League Spartan' !important;
}