Change the style of Terms and conditions widget

  • rotarywstg
    Asked on July 18, 2017 at 4: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.

  • Sven
    Replied on July 18, 2017 at 5: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:

    Change the style of Terms and conditions widget Image 1 Screenshot 20

  • rotarywstg
    Replied on July 18, 2017 at 5:56 AM

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

  • amy
    Replied on July 18, 2017 at 8: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 {

    Change the style of Terms and conditions widget Image 1 Screenshot 30

    Here is my result:

    Change the style of Terms and conditions widget Image 2 Screenshot 41