CoorlasArchitecture Posted February 17 Share Posted February 17 Is there anyway to make only the labels in the form bold to differentiate between the checkbox options? https://www.coorlasarch.com/design-guide Link to comment
Solution tuanphan Posted February 18 Solution Share Posted February 18 You can use this CSS code fieldset.checkbox 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!) Link to comment
CoorlasArchitecture Posted February 18 Author Share Posted February 18 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...? Link to comment
tuanphan Posted February 20 Share Posted February 20 Use this code 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!) Link to comment
popofglitter Posted June 23 Share Posted June 23 (edited) 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? Edited June 23 by popofglitter clarification Link to comment
tuanphan Posted June 25 Share Posted June 25 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 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!) Link to comment
popofglitter Posted June 25 Share Posted June 25 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! Link to comment
tuanphan Posted June 28 Share Posted June 28 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; } 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!) Link to comment
popofglitter Posted June 28 Share Posted June 28 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). Link to comment
nick_sh Posted June 28 Share Posted June 28 (edited) 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; } Edited June 28 by nick_sh Try new Squrespace ID & class finder Chrome Extension ✔ Supports Fluid Engine ✔ Generate Media Queries code ✔ Toggle IDs with Option / Alt ____ Hire me for SquareSpace development Link to comment
popofglitter Posted July 1 Share Posted July 1 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!!! Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment