CoorlasArchitecture Posted February 19 Posted February 19 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
tuanphan Posted February 19 Posted February 19 Use this div.title span { font-weight: bold !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
rewatechno Posted February 19 Posted February 19 .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.
CoorlasArchitecture Posted February 19 Author Posted February 19 6 hours ago, tuanphan said: Use this div.title span { font-weight: bold !important; } Unfortunately, This does not bold the email, text, or text area options
CoorlasArchitecture Posted February 19 Author Posted February 19 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?
tuanphan Posted February 20 Posted February 20 You mean bold these? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
CoorlasArchitecture Posted February 20 Author Posted February 20 9 hours ago, tuanphan said: You mean bold these? 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.
CoorlasArchitecture Posted February 20 Author Posted February 20 9 hours ago, tuanphan said: You mean bold these? To clarify - I do not need the "First Name" & "Last Name" subtitles bolded.
CoorlasArchitecture Posted February 22 Author Posted February 22 @tuanphan I appreciate your attention to this. If there is any solution to bold all title/labels of a form it would be greatly appreciated. Thanks in advance, Stephen
tuanphan Posted February 24 Posted February 24 Use this CSS under div.form-item.email span { font-weight: bold !important; } div.form-item.textarea span { font-weight: bold; } div.form-item.field.text span { font-weight: bold !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment