Add $ sign and move text

  • Profile Image
    BBC2016
    Asked on April 28, 2016 at 01:03 AM

    Can u help me with quick css to

    add $ sign best price box and move 500 or more text under product name. SEE ATTACHED>

    I put it in RED>

  • Profile Image
    Charlie
    Answered on April 28, 2016 at 05:03 AM

    You can clone this form to see those changes: https://form.jotform.com/61182587705966 

    Changes made:

    1. Added this CSS code into the existing one:

    /*Add dollar sign before textbox*/

    #cid_13 > span:nth-child(8) > span:before {

        content: "$" !important;

    }

    /*Adjust position of text box*/

    #input_13_quantity_1005_0 {

        margin: 0 5px 0 0 !important;

    }

    /*Label on 4th product's width is shrinked to have it in two lines.*/

    #cid_13 > span:nth-child(8) > label {

        display: inline-block !important;

        max-width: 200px !important;

    }

     

    2. Updated the existing CSS code of this CSS selector, I adjusted the margin:

    label[for="input_13_1005"] + br + br + span.form-sub-label-container {

        width : 19%;

        float : right;

        margin : 0 10px 0 0 !important;

    }

     

    Let us know if that works.

  • Profile Image
    BBC2016
    Answered on April 28, 2016 at 10:27 PM

    so thankful - ur amazing!!!

     

    How do I get price $ sign next to the last box in product section??

     

    $

     

    formID=61188602679162#design

  • Profile Image
    Chriistian
    Answered on April 28, 2016 at 11:48 PM

    On behalf of my colleague, you are most welcome. To avoid confusion and to better assist you with your latest concern, the question regarding the dollar sign shall be answered in this thread that you opened: https://www.jotform.com/answers/829042.
    Regards. 

  • Profile Image
    BBC2016
    Answered on April 29, 2016 at 12:40 AM

    PLEASE HELP  - no answers yet! come on!!! help me.

  • Profile Image
    Chriistian
    Answered on April 29, 2016 at 02:26 AM

    I checked the thread and it seems like my colleague has already provided an answer there. For your convenience, here's the link again: https://www.jotform.com/answers/829042.

    Furthermore, here's another thread that may be related to your concern: https://www.jotform.com/answers/828217 

    Regards.