Toggled Content Widget: Add Custom CSS to adjust the Text Style

Hello guys.

Please I need the CSS code to highlight the text inside the bar, making it more black, and to enlarge the text of the content in the Alternate Content widget.

Form: https://form.jotform.com/240736343582054

Thank you.

Carlos M.

Hi Carlos,

Thanks for reaching out to Jotform Support. To adjust the color and size of the Title and Content of the Toggled Content widget, you just need to inject a Custom CSS Code. Let me show you how

• Copy the CSS code below:

#toggle-container, #top { 

  color: black !important;

  text-shadow: none !important;

  font-size: 18px !important;

  font-weight: bold !important;

}

#toggle-container .content { 

  font-size: 14px !important;

}

• In Form Builder, select the Paint Roller icon of the Toggled Content widget.
• Under Widget Settings, go to the Custom CSS tab.
• On the Custom CSS Code box, paste the CSS code.

Give it a try and let us know how it goes.

Excelente !
Thank you.