Need ID for CSS to add image and description to payment integrations

  • Profile Image
    anathothgarden
    Asked on February 14, 2018 at 10:09 AM

    Hi, I have injected CSS code for the forms I created in order to have an image and description appear with each subscription option in the payment integration. The image and description do not appear, because they don't have the correct ID. (eg. cid_16) 

    Where do I find the id number that corresponds with each subscription on each form. If you could show me how to do this AND find those numbers for me I would appreciate it so much!

    Warmly,

    Chas

  • Profile Image
    BDAVID
    Answered on February 14, 2018 at 11:24 AM

    Is this the form in question? http://www.jotform.us/form/80394713629160 

    It appears like you managed to put an image already through custom CSS injection:

    1518625425image.png

  • Profile Image
    anathothgarden
    Answered on February 14, 2018 at 12:12 PM

    Yes, thank you! We are able to get the photos and descriptions to appear on the forms linked through Braintree, but are unable to get the same photos and descriptions to appear on the forms we have through the Jotform purchase order pages. Do you know what to change in the CSS code to make it compatible with those forms? (http://www.jotform.us/form/80394510929158)

  • Profile Image
    BDAVID
    Answered on February 14, 2018 at 01:45 PM

    The CSS code you have is correct, make sure to use secure URLs in your secure form, so they will be displayed.

  • Profile Image
    anathothgarden
    Answered on February 14, 2018 at 03:20 PM

    Okay, I figured out the correct CSS code for those pages, but now my pages linked through Braintree aren't showing the pictures anymore. Do you know what could have caused that change?

  • Profile Image
    BDAVID
    Answered on February 14, 2018 at 03:44 PM

    The images in your Braintree payment integration are showing up: http://www.jotform.us/form/80394713629160 

    1518641040showingup.png

    Please try clearing your forms cache.

  • Profile Image
    anathothgarden
    Answered on February 14, 2018 at 04:23 PM

    Thank you, I see that it's working with that link, but when I use the secured connection the images do not appear. I did try clearing the forms cache, but it did not change anything visually.

    https://form.jotform.com/80394713629160

    1518643398Screen Shot 2018-02-14 at 4.22

  • Profile Image
    Ryan_Briones
    Answered on February 14, 2018 at 06:18 PM

    I checked the console report of your form and the images couldn’t load properly because of an SSL protocol error. 

    15186502932018 HarvestShare Subscription

    Can you try to upload your images to a secure platform and add them again to your custom CSS?

  • Profile Image
    anathothgarden
    Answered on February 15, 2018 at 09:32 AM

    Thank you, I've got it now!