Jump to content

How to bold form labels

Recommended Posts

Posted

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

  • Replies 9
  • Views 1.7k
  • Created
  • Last Reply

Top Posters In This Topic

Posted

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

Posted
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?

Posted
9 hours ago, tuanphan said:

You mean bold these?

image.thumb.png.5f58032821ffbf607e71e653cf097d2a.png

image.thumb.png.651c21dbfe594598b5133ee4ae9b0312.png

Yes, the Checkbox, Phone and Name titles/labels all turned bold with the code you provided, but the Email, Text and Text area categories of the form did not turn bold with the CSS code provided. Thanks for your attention to this.

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.