Jump to content

Custom font for Contact Form and Button on Navigation

Recommended Posts

  • Replies 1
  • Views 1.7k
  • Created
  • Last Reply
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


This topic is now archived and is closed to further replies.

  • 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.