Jump to content

Custom font for Contact Form and Button on Navigation

Recommended Posts

28 minutes ago, chichi said:

Site URL: https://personalchefberlin.de/

Hi I'd like to change the font for the contact form and the button on navigation (upper right corner).

What's the CSS code for this?

Captura de pantalla 2021-06-03 a las 22.26.44.png

Captura de pantalla 2021-06-03 a las 23.09.18.png

Hi, add below code into CSS editor


// For the Desktop and mobile CTA
.header-actions-action a,
.header-menu-cta a {
    font-family: "Open Sans Light" !important;

// For the Form
.sqs-block-form .field-list .title,
.sqs-block-form .field-list .caption,
.form-wrapper .field-list .field .field-element,
.sqs-block-form .field-list select,
.form-wrapper .field-list textarea,
body:not(.button-style-default) .sqs-block-form .sqs-editable-button {
    font-family: "Open Sans Light" !important;


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.