Increase Required Field Font Size

Hi. We are trying to increase the font size of the Required Field Indicator (*) for all site forms. Does anyone have any recommendations. I tried the following and there was no change:

.gform_wrapper label .gfield_label span.required_asterisk {

font-size: 30px;

}

Hi @JustZ

To resolve the issue, try the following CSS code in the child theme’s style.css file or in Appearance → Customize → Additional CSS.

/* Increase the "***" indicates required fields font size */
.gform_heading .gform_required_legend,
.gform_heading .gform_required_legend .gfield_required {
	font-size: 30px !important;
}

/* Increase the * font size from the field label */
.gform-field-label .gfield_required .gfield_required {
	font-size: 30px !important;
}

If you want to increase the font size of the "***" indicates required fields text, try the first CSS code. However, if you want to increase the asterisk font size beside the field label, use the second (last) CSS code block.

Give it a try, and let me know how that goes! :grinning_face_with_smiling_eyes: