Add banner to the form

  • Profile Image
    vitalifestyle
    Asked on July 26, 2021 at 08:17 PM

    I'm looking to create a banner announcement for my website. Do you all have a template for this?1627345024_60ff508066c89_Screen Shot 202



    Screenshot
  • Profile Image
    Bojan_J
    Answered on July 27, 2021 at 07:02 AM

    Greetings.

    To achieve this, please first add a Paragraph field to your form and modify it how you wish for the banner to look:

    screenshot_6746.png

    After this, please share the form URL with us, and we will provide you with custom CSS you can add to your form to attach the paragraph to the top.

    You can see my example form here:
    https://form.jotform.com/212072530899055

    Thank you for your cooperation.

  • Profile Image
    vitalifestyle
    Answered on July 27, 2021 at 11:33 AM
    Thanks. Here’s the URL: https://form.jotform.com/212074793876164
    Regards,
    Autumn Elias, Owner
    Vita Wellness Massage
    ...
  • Profile Image
    Bojan_J
    Answered on July 27, 2021 at 12:39 PM

    Greetings.

    Unfortunately, it is not possible to add custom CSS to the card form. You will need to convert the form to classical form to add the banner.

    Let us know if you have any additional questions.

  • Profile Image
    vitalifestyle
    Answered on July 27, 2021 at 09:33 PM
    okay here you go:
    https://form.jotform.com/212074793876164
    Regards,
    Autumn Elias, Owner
    Vita Wellness Massage
    ...
  • Profile Image
    Bojan_J
    Answered on July 28, 2021 at 05:44 AM

    Please try to add the following CSS to your form:

    #id_28 {
     position: fixed;
     top: 0;
     left: 0;
     padding: 0;
     margin: 0;
     z-index: 99;
    }
    #id_28 p {
     margin: 0;
    }
    #id_28 p span {
     background-color: #f4ffdf;
     display: inline-block;
     width: 100%;
     text-align: center;
     padding: 15px;
    }

    You can click here to see how to inject CSS into your form.

    Let us know if you have any additional questions.

  • Profile Image
    vitalifestyle
    Answered on July 28, 2021 at 11:33 AM
    thank you
    if I wanted only have text in the jot form as a hyperlink to another landing page, how might I set that up?
    Regards,
    Autumn Elias, Owner
    Vita Wellness Massage
    ...
  • Profile Image
    Bojan_J
    Answered on July 28, 2021 at 12:40 PM

    Greetings.

    You will need to remove the CSS I have shared with you. This will place text in the original place in the form so you can use the text editor to modify the content and add links to it:

    screenshot_6790.png

    After you are done, you will need to add the CSS again.

    Let us know if you have any additional questions.

  • Profile Image
    vitalifestyle
    Answered on July 29, 2021 at 06:11 PM
    hmm okay. thank you.
    What is the them I need to use if I’m just creating a hyperlink? In other words, I don’t need the email subscribe box.
    I just need the hyperlink text in the banner.
    Also, the image I initially showed you was a VERY thin/skinny banner. I can’t seem to adjust the template to be this thin. Please advise.
    Regards,
    Autumn Elias, Owner
    Vita Wellness Massage
    ...
  • Profile Image
    Vanessa_T
    Answered on July 30, 2021 at 02:20 AM

    Apologies, however, your form only has one field, and that is the email field.

    Note that Jotform is for data collection.

    If your only intention is to add a banner in your website, I suggest doing so within your website.

    You may contact a web developer to do this.