Purchase Order: How to change product image positioning

  • Sharelogi
    Asked on September 16, 2018 at 3:28 PM
    2. locate the pictures next to the headlines, see attached p.screen
  • Mike
    Replied on September 16, 2018 at 3:47 PM

    The payment tool is displaying the image first, the product label is following. It is possible to align the product image to the right by adding the next CSS:

    .form-product-image-with-options {
    float: right !important;
    }

    Purchase Order: How to change product image positioning Image 1 Screenshot 20

    Thank you.

  • Sharelogi
    Replied on September 16, 2018 at 3:48 PM

    Hi Mike

    Thx ! but i want the picture on the left side of the headline, next to it ...

    Tomer

  • Victoria_K
    Replied on September 16, 2018 at 4:14 PM

    Hello Tomer,

    Please try the following css code:

    .form-product-image-with-options {

      float: right !important;

      position: relative !important;

      right: 30%;

      top: -0.5em;

    }

    This should result in the following layout:

    1537128724Form 2018 09 16 23 06 42 Screenshot 10

    If you need more help, please let us know.

  • Sharelogi
    Replied on September 20, 2018 at 10:43 AM
    Its ok now
    However the notification email ("notification 1") is coming as left to
    right for the {whatWould} section (only) while i need it RTL.
    Can you support with CSS maybe ?
    Best Regards,
    Tomer Tzeelon
    Founder & CEO
    Cell. +972-526004729
    Sharelogi.com
    Linkedin

    ...
  • Nik_C
    Replied on September 20, 2018 at 12:01 PM

    Do you want labels of fields that are on left:

    15374592702018 09 20 18 00 39 Screenshot 10

    To be on the right?

    Please advise so we can assist you further.

    Thank you!

  • Sharelogi
    Replied on September 20, 2018 at 12:43 PM
    Yes.
    Best Regards,
    Tomer Tzeelon
    Founder & CEO
    Cell. +972-526004729
    Sharelogi.com
    Linkedin

    ...
  • Kevin Support Team Lead
    Replied on September 20, 2018 at 2:00 PM

    Unfortunately, the email template cannot be modified with CSS codes, you will need to edit your template in order to set the static text as you need, this guide will help you editing the email template: https://www.jotform.com/help/430-How-to-Edit-the-Email-Template-for-Notifications-and-Autoresponders 

    Thanks.