How to change font colour of the terms and condition widget?

Please see the screenshot and the link.

How do we change the "Yes, i agree to campaign's" to white font?

How do we remove the blue line or how do we change the blue line to white line?

Kindly advise.

Thank you.

Hi nicholaskhor,

Thanks for the screenshot and the page link — happy to help. Let’s fix both items step by step.

1) Make the “Yes, I agree to campaign’s” text white (Terms & Conditions)

1. Open Form Builder.
2. Click the Terms & Conditions widget.
3. Go to Widget Settings (gear) → General.
4. Change Theme from Light to Default.

This switches the label to white.

2) Turn the blue divider above Submit into white (CSS)

/* Make the divider above the Submit button white */

li.form-line[data-type="control_button"] .form-buttons-wrapper {

  border-top: 1px solid #ffffff !important;

}

li.form-line[data-type="control_button"] .form-buttons-wrapper:before,

li.form-line[data-type="control_button"] .form-buttons-wrapper:after {

  display: none !important; /* hide theme’s blue pseudo line */

}

1. Copy the CSS below.
2. Go to Form Designer → Styles → Inject Custom CSS.
3. Paste the code at the bottom and Save.

That should do it. If anything doesn’t look right on your side, let us know where it’s stuck and we’ll take a closer look.

Best!!

great. thank you.

What about if i want to remove that blue or white line? How?

Hi Nicholas,

Are you referring to this blue line, right? This is a border, but we can remove it by Injecting CSS Codes. Let me show you how:

1. First, copy this code:

.form-buttons-wrapper{

  border: none !important;

}

2. In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.

3. Now, in the Form Designer menu, click on the Styles tab, scroll down and paste the code into the Inject CSS Code box. That’s it. The code is automatically saved.

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