Add Open Sans font to $100.

  • BBC2016
    Asked on May 18, 2016 at 11:21 PM

    https://form.jotform.com/61388388806167

     

    The first product needs $100 on theright side INSTEAD of a price box.

    The font neesto match everything else and look uniform and professional.

    OPenSans is the font I think - can uhelp me here???? with quick csss code?

  • BBC2016
    Replied on May 18, 2016 at 11:22 PM

    can we just take out the price box and keep thesame $100 font and size that is there already??

  • Chriistian Jotform Support
    Replied on May 19, 2016 at 1:58 AM

    If I understand correctly, you want to change the font of the product on the right into Open Sans while keeping the same font size? To do so, simply inject the custom css below to your form:

    #cid_13 > span:before {

        font-family: "open sans";

    }

    .form-product-item .form-dropdown {

        font-family: "open sans";

    }

    Add Open Sans font to $100 Screenshot 20

    Please let us know if you need further assistance.

  • BBC2016
    Replied on May 21, 2016 at 12:30 AM

    No - I want it to SAY "$100.00 instead of just a "$" sign on the RH side of the first product called Suggested Participant Donation Ticket $100.

     

    Right now on the right side it says "$"  - - - - I want it to say "$100" in open sans font to match all the other stuff.

     

    PLEASE HELP ASAP /.

  • Chriistian Jotform Support
    Replied on May 21, 2016 at 2:23 AM

    I am currently checking your form on how to implement what you need. Please allow me some time to further check this. Will get back to you as soon as I get a result. Regards.

  • Chriistian Jotform Support
    Replied on May 21, 2016 at 2:57 AM

    Hi,

    Please add the following CSS.

    #cid_13 > span:nth-of-type(1):before {
        content: "$100" !important;
    }
    input#input_13_1018 {
        margin-left: -23px !important;
    }
     
    The result should be as shown below.Add Open Sans font to $100 Screenshot 20
     
    Do let us know if your need further assistance.
  • BBC2016
    Replied on May 22, 2016 at 11:33 PM

    how do i make it bold an open sans.

    ifeellikeive sent in 3 messages anditsstill not right- please helpme.

     

    i needitto be bold open sans fontlikealltheotherwrittingon theform.

     

    pleasehelpasap!!!!

     

    thank you!!!!!!!!!!!!!!!!!!!

  • Chriistian Jotform Support
    Replied on May 23, 2016 at 1:20 AM

    You can inject the yellow highlighted text below with the previous code suggested to make it bold and open sans.

    #cid_13 > span:nth-of-type(1):before {

    content: "$100" !important;

    font-weight: bold;

    font-family: "open sans";

    }

    input#input_13_1018 {

    margin-left: -23px !important;

    }

    Here's a cloned form where I tested the css: https://form.jotform.com/61430532120943 

     

    Add Open Sans font to $100 Screenshot 20

    Please let us know if you need further assistance.

  • BBC2016
    Replied on May 25, 2016 at 1:01 AM

    THANK U!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!