Change the style of Terms and conditions widget

  • Profile Image
    Asked on July 18, 2017 at 04:39 AM

    Thanks for this article. I'd like to make the change the label in the terms and conditions widget but with no success.

    Tried variations of

    .label {

    font-weight : bolder;

    color: rgb(71, 71, 71);

    font-family: PT Sans Narrow, sans-serif;


    but no luck.

    This is a re-post of a comment on Customize Your Form Using Custom CSS Codes

  • Profile Image
    Answered on July 18, 2017 at 05:48 AM

    In order to make changes to the widget, you will need to add the CSS in the custom CSS tab in the widget configuration, please see below:

  • Profile Image
    Answered on July 18, 2017 at 05:56 AM

    Thanks Sven.
    That's what I was doing. But no luck. No changes appeared on the form at all.

  • Profile Image
    Answered on July 18, 2017 at 08:16 AM

    You are using wrong class for the element. Please try to inject it without the dot "." as you can see in the screenshot:

    Do not use this class -> .label{

    Please use this instead of the above -> label {

    Here is my result: