How to change the color of the font within scrollable terms widget?

  • JuliaRogers
    Asked on September 10, 2015 at 11:48 PM

    The content within scrollable terms widget is black, which is very hard to see/read against the background of my form. The "I agree to the terms and conditions" check box above the scrollable terms box is a light grey and also hard to read.  Can I change the font from back to white of my terms?  I prefer to leave the background as it is.

    Please, and thank you.
    Julie

  • beril JotForm UI Developer
    Replied on September 11, 2015 at 4:42 AM

    Hi,

    It is possible to change the color of Short Scrollable Terms with JotForm.

    1) Right click on the widget.

    2) Click on the Wizard icon.

    How to change the color of the font within scrollable terms widget? Image 1 Screenshot 50

     

    3) On the Label Text value, please change the text with the code below.

     <span style="color: #ffffff;">I have read and agree to Your Pet's Nanny, Inc.'s Terms of Service (Revised Sept 2, 2015</span>

     

    How to change the color of the font within scrollable terms widget? Image 2 Screenshot 61

     

    4) You can also change the color of text by writing the code to text area and click on Finish Button.

    <FONT COLOR="#ffffff">I have read and I agree to Your Pet's Nanny, Inc.'s Terms of Service (Revised Sept 2, 2015) and I give YPN and its authorized employees my permission to enter my home and property to carry out the services I am requesting. I understand that checking the box above is the equivalent to my hand written signature. Your Pet's Nanny, Inc. is also referred to as "Your Pet's Nanny","YPN", "We", and "Us." The signer/client is referred to as "You" and "Your." Additional information can be found at https://www.YourPetsNanny.com/Policies.html. PAYMENT POLICIES: Payment is due 3 days before service starts to guarantee your reservation and hold your spot on the calendar, or the time may be made forfeited to the next inquiry for service.  We accept cash, checks, credit and debit cards. Once services begin, 100% of the invoice amount is due, even if you return early. No refunds. However, any remaining balance can be credited toward future service**. $10 will be added to any invoice 30 days past due and shall accrue interest at the rate of 1.5% per month. A Returned Payment fee up to $35 may be charged if any check, other instrument, or electronic payment authorization you provide us is not honored on first presentment. In addition, you will be liable to YPN for all costs of collection on unpaid invoices, including attorney’s fees. CANCELLATION POLICY: We require 2 days' (or 48 hours) or more cancellation notice. Payment can be refunded and/or credited toward future service (less a $20 administrative fee). If you give less than 1 day's (or 24 hours) or less cancellation notice payment cannot be refunded but it can be credited toward future service (less a $20 administrative fee).  Fees are nonrefundable when services are requested on traditional holidays, but can be credited toward future service (less a $20 administrative fee).  Thanksgiving (Thursday-Sunday), Christmas and New Year's (Dec. 20 to Jan. 2), Easter weekend (Saturday-Sunday), Independence Day (July 3-5), Memorial and Labor Day weekends (Friday-Monday). Credit will expire 6 months or 180 days from cancellation date. UPDATE POLICY: We post updates at http://instagram.com/yourpetsnannypetsitting. To protect your privacy we turn GPS off.  Send us an email to info@yourpetsnanny.com to let us know you don't want updates and/or images posted to Instagram. KEY POLICY: We request 2 sets of key when possible. One for your pet sitter and one for the office to use in case of an emergency. VETERINARY FEES: Veterinary services are a separate contract between you and your vet's office. You are responsible for any veterinary fees if medical treatment is necessary and you will reimburse us for any expenses we may incur getting you pets to and from the vet's office.  Disclaimer:  YOUR PET’S NANNY SERVICES, INCLUDING PET SITTING AND RELATED SERVICES, ARE PROVIDED ON AN "AS IS" AND "AS AVAILABLE" BASIS, UNLESS OTHERWISE SPECIFIED IN WRITING. WE MAKE NO REPRESENTATIONS OR WARRANTIES OF ANY KIND, EXPRESS OR IMPLIED, AS TO THE OPERATION OF OUR SERVICES UNLESS OTHERWISE SPECIFIED IN WRITING. TO THE FULL EXTENT PERMISSIBLE BY APPLICABLE LAW, YOUR PET’S NANNY DISCLAIMS ALL WARRANTIES, EXPRESS OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE. WE WILL NOT BE LIABLE FOR ANY DAMAGES OF ANY KIND ARISING FROM THE USE OF ANY OF OUR SERVICES, INCLUDING, BUT NOT LIMITED TO DIRECT, INDIRECT, INCIDENTAL, PUNITIVE, AND CONSEQUENTIAL DAMAGES, EXCEPT FOR SUCH LOSSES INCURRED BY YOU DIRECTLY ARISING FROM OUR SOLE GROSS NEGLIGENCE OR WILLFUL MISCONDUCT. IN ADDITION, AND WITHOUT LIMITING THE GENERALITY OF THE FOREGOING WAIVERS AND DISCLAIMERS, YOUR PET’S NANNY IS NOT LIABLE FOR ANY ACTIONS OR OMISSIONS OF THIRD PARTIES THAT MAY VISIT YOUR HOME WHILE YOU ARE AWAY, INCLUDING, WITHOUT LIMITATION, FRIENDS OR RELATIVES THAT MAY INJURE YOUR PETS OR PROPERTY.</FONT>

     

    How to change the color of the font within scrollable terms widget? Image 3 Screenshot 72

     

     

    Here is how it works:

    How to change the color of the font within scrollable terms widget? Image 4 Screenshot 83

     

    If you have any question or issues, please do not hesitate contacting us. We will be glad to assist you.

  • JuliaRogers
    Replied on September 11, 2015 at 1:52 PM

    Great.  Looks better.  Thank you!  

    How do I change the font color in the sentence "I agree to the {terms and conditions}" that appears above this widget?  The "I agree to the" is light grey and the "terms and conditions" is purple.

  • Boris
    Replied on September 11, 2015 at 9:20 PM

    That other widget is Terms and Conditions widget. We can style it easily, just click on that field (1), and click on its wand-shaped icon to open its wizard (2).

    How to change the color of the font within scrollable terms widget? Image 1 Screenshot 40

    Once the wizard opens, switch to its Custom CSS tab, and paste the following code into it:

    label { color: white; }
    label a { color: lightgreen; }
    .requiredtxt { color: pink; }

    How to change the color of the font within scrollable terms widget? Image 2 Screenshot 51

    Your form will display like this:

    How to change the color of the font within scrollable terms widget? Image 3 Screenshot 62

    You can replace the "white", "lightgreen" and "pink" with any valid CSS colors that you like. Here is a page with some of the possible CSS colors:

    http://www.w3schools.com/cssref/css_colornames.asp

    Please let us know if you need further assistance, and we will be happy to help.