How to customize the logo box to look like that attached image

  • Profile Image
    Jsanmiguel
    Asked on March 30, 2020 at 12:28 PM

    hi - I was wondering how to customize the logo box to look like this? 



    Screenshot
  • Profile Image
    Welvin
    Answered on March 30, 2020 at 02:20 PM

    Yes, but I suggest doing the logo using the Header element. 

    Here's a demo: https://form.jotform.com/200895806135963. The other styles can be done with custom CSS codes. Your form page background is red, so I'm not sure if you want to follow the style of the attached image. 

  • Profile Image
    Jsanmiguel
    Answered on March 30, 2020 at 02:29 PM
    Thanks so much – would we be bale to take off the KRT logo and I can add another one?
    ONE LOVE
    James San Miguel
    Recruitment Operations & Training Manager, Fry Cook & Cashier
    Raising Cane’s Chicken Fingers
    ...
  • Profile Image
    Welvin
    Answered on March 30, 2020 at 03:44 PM

    Unfortunately, you can only have one logo in the header element. The KRT Marketing is a text that is set to align on the right. 

    Another workaround would be to use the Text element and add the images there. Check my demo form again.

    https://form.jotform.com/200895806135963

  • Profile Image
    Jsanmiguel
    Answered on March 30, 2020 at 05:29 PM
    Gotcha – that works for me – would you be able to configure my jot form so I can add the text?
    ONE LOVE
    James San Miguel
    Recruitment Operations & Training Manager, Fry Cook & Cashier
    Raising Cane’s Chicken Fingers
    ...
  • Profile Image
    Mike_G
    Answered on March 30, 2020 at 08:28 PM

    Please check your form now. You will see that it now has the same header like the one in my colleague's sample form.

    https://www.jotform.com/form/200894851025051

    To update the Jotform logo, please edit the Text element in your form on the builder page.

    1585614473zt20_27_24.png

    Feel free to contact us anytime if you need any further assistance.

  • Profile Image
    Jsanmiguel
    Answered on March 31, 2020 at 10:29 AM
    Thanks!
    Last question – any chance we can get the background in that black?
    ONE LOVE
    James San Miguel
    Recruitment Operations & Training Manager, Fry Cook & Cashier
    Raising Cane’s Chicken Fingers
    ...
  • Profile Image
    Bojan_J
    Answered on March 31, 2020 at 01:05 PM

    Greetings and thank you for your reply.

    To edit the background of the header you need to click the Form Designer icon from the upper right corner of the form builder:


    After that, please click the Styles tab, scroll down until you see Inject Custom CSS and find the line background: #de2429; (line 26):

    After you find it, you need to change the color value to 000, so that line looks like this:

    background: #000;

    Finally, don't forget to save the changes.

    Please let us know if you have any further questions.