Make Form Labels Bold

Is there anyway to make only the labels in the form bold to differentiate between the checkbox options?

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

Awesome - Thanks so much! Is the a CSS to make the other labels in the form bold as well? Such as the text field labels, name, email, phone etc...?

Use this code

div.title span {
    font-weight: bold !important;
}

On 2/20/2024 at 2:35 AM, tuanphan said:

Use this code

div.title span {
    font-weight: bold !important;
}

 

hello! I tried this but it isn't working on Text fields for some reason?
(works on all other types of fields).
thoughts?

On 6/23/2024 at 10:26 PM, popofglitter said:

hello! I tried this but it isn't working on Text fields for some reason?
(works on all other types of fields).
thoughts?

 

 

Can you share link to page where you use form? I will check again

12 hours ago, tuanphan said:

Can you share link to page where you use form? I will check again

hi @tuanphan

https://bagpipe-grasshopper-ybz6.squarespace.com/inquire
password: cupcake

it looks like Date field labels are also not being bolded

thank you!

On 6/26/2024 at 4:15 AM, popofglitter said:

hi @tuanphan

https://bagpipe-grasshopper-ybz6.squarespace.com/inquire
password: cupcake

it looks like Date field labels are also not being bolded

thank you!

You can use this CSS code

div.field.text div span, div.field.textarea div span {
    font-weight: bold !important;
}

2 hours ago, tuanphan said:

You can use this CSS code

div.field.text div span, div.field.textarea div span {
    font-weight: bold !important;
}

Almost there..."email" and "date" field are still regular/not bold when I use both code snippets.

(If I only use the latest code snippet, only short fields are bolded).

This code should cover everything, remove address line if you want address child labels not to be bold, e.g. Line 1, Country, etc. Address itself will still be bold:

.form-block  .title span:not(description), /* regular inputs */
.form-block .caption-text /* address child fields: line 1, etc — remove this if you don't want them bold */
{
  	font-weight: bold !important;
}

On 6/28/2024 at 2:36 PM, nick_sh said:

This code should cover everything, remove address line if you want address child labels not to be bold, e.g. Line 1, Country, etc. Address itself will still be bold:

 

.form-block  .title span:not(description), /* regular inputs */
.form-block .caption-text /* address child fields: line 1, etc — remove this if you don't want them bold */
{
  	font-weight: bold !important;
}

THIS WORKED! Thank you so much!!!