Can you please help me in some css?

  • petrgoncharuk3
    Asked on February 26, 2021 at 5:38 PM

    Hi! I have some difficulties in customizing css.

    You provided me a code, but it is still not looking perfectly. Can you help me a bit more?

    The current code is :

    @media screenand (max-width: 480px){  .form-line[data-payment="true"]div[data-wrapper-react="true"].form-product-item.new_ui {    border : none;  }  .form-line[data-payment="true"]div[data-wrapper-react="true"].form-product-item.new_ui .p_col {    position : inherit;  }  .form-line[data-payment="true"]div[data-wrapper-react="true"].form-product-item.new_ui .p_col {    position : inherit;    display : block;    width : 35px;    display : block;    float : left;  }  .form-line[data-payment="true"]div[data-wrapper-react="true"].form-product-item.new_ui.show_image .p_image {    max-width : 72px;    max-height : 72px;    min-width : 80px;    display : block;    margin : 0;    float : left;    padding-left : 0;  }  .form-line[data-payment="true"]div[data-wrapper-react="true"].form-product-item.new_ui.show_image .image_area {    min-height : 72px;    max-width : 72px;  }  .form-line[data-payment="true"]div[data-wrapper-react="true"].form-product-item.show_image .p_checkbox {    margin-top : 22px;  }  .form-line[data-payment="true"].p_item_separator {    border-top-width : 1px !important;    border-top-style : dashed !important;    opacity : 0.8 !important;    margin : 2px 0px 2px 37px !important;    display : block !important;    width : 100% !important;  }  .form-product-description {    display : none !important;  }  .form-product-container span:first-child {    display : inline !important;  }  .title_description {    float : left !important;    margin-right : 10px !important;    margin-top : 4px;  }}

    It looks like this one on mobile view :

    1614378849 6039776151c42  Screenshot 10

    I want to make something like this:

    1614378987 603977eb7d741  Screenshot 21


    Also can you please tell is there a possibility to change the quantity selector to -1+ format? Like this:

    1614379094 60397856d64f2  Screenshot 32Thanks for you helps!

  • Welvin Support Team Lead
    Replied on February 26, 2021 at 11:20 PM

    I previewed the form on my mobile device, and the display is exactly the way you want it to be. Instead of the mobile preview in the form builder, please view the form on your real device. The viewport is different when you view the form on an actual device.

    As for the - and + in the product options, I'm afraid that is not possible.

    Thanks