Jump to content

How to bold form labels

Recommended Posts

Is it possible to bold all form labels? I was able to bold the labels for the Checkbox, Name and Phone form items using a similar CSS to below, But Email, Text, and Text Area type form fields don't respond to a similar CSS. 

 

/* Form Labels Bold - Email */
fieldset.email div.title span {
    font-weight: bold !important;
}

 

website:
https://www.coorlasarch.com/design-guide

 

Thanks in advance for your help,
Stephen

Link to comment
  • Replies 9
  • Views 1.5k
  • Created
  • Last Reply

Top Posters In This Topic

5 hours ago, jaydiprewa said:

.form-item span, .form-item input, .caption-text, span.description.required.fs-unmask {
    font-size: 1rem !important;
    font-weight: bold !important;
}

 

Note: you can keep or remove the type to make it bold the text. 

Hi thanks for responding, but this bolds everything including the checkbox options. Is there a way to only bold the labels/titles?

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.