Can you please help me in some css?

  • Profile Image
    petrgoncharuk3
    Asked on February 26, 2021 at 05: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_

    I want to make something like this:

    1614378987_603977eb7d741_


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

    1614379094_60397856d64f2_Thanks for you helps!

  • Profile Image
    Welvin
    Answered 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