Add $ sign and move text

  • BBC2016
    Asked on April 28, 2016 at 1: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>

    Jotform Thread 828195 Screenshot
  • Charlie
    Replied on April 28, 2016 at 5: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.

  • BBC2016
    Replied 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

  • Chriistian Jotform Support
    Replied 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. 

  • BBC2016
    Replied on April 29, 2016 at 12:40 AM

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

  • Chriistian Jotform Support
    Replied on April 29, 2016 at 2: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.