How to fit image into product box preview? and how to resize product price font size?

  • Profile Image
    kristofferyoung088
    Asked on August 18, 2020 at 03:01 PM

    Hi! I just want to ask if there is a way to adjust the product box image preview to fit my image?

    1597777182PREVIEW.jpg


    Also, is there a way to increase the size of the product options as well as product prices? It's way tooo small.
    1597777282Untitled.png

  • Profile Image
    JohnRex
    Answered on August 18, 2020 at 06:23 PM

    Let me check for possible custom CSS codes you can use.

    I'll get back to you here shortly.

  • Profile Image
    kristofferyoung088
    Answered on August 19, 2020 at 12:57 AM

    Thank you! Please let me know. Thanks!

  • Profile Image
    BJoanna
    Answered on August 19, 2020 at 03:03 AM

    Please add the following CSS code to your form to resolve both issues:

    span.form-product-child-label {

        font-size: 1em!important;

    }

    .form-product-child-price {

        font-size: 1em!important;

    }

    .form-line.card-3col div[data-wrapper-react="true"] .form-product-item.new_ui.show_image .image_area {

        width: 80%!important;

        margin-left: 30px!important;

    }

    How to Inject Custom CSS Codes

    Here is my demo form - https://form.jotform.com/202311487383958

    Feel free to test it and clone it

  • Profile Image
    kristofferyoung088
    Answered on August 19, 2020 at 05:55 AM

    Thanks for this Joanna! It worked well :)