How can I change the position of the logo to be on the left top?

  • Tiri_kaspar
    Asked on June 14, 2021 at 1:41 PM

    How can I add the logo to the left top corner and is it also possible to dynamically scale down the size of the logo depending on the screen size (mobile vs desktop)?


    Also, I notices that the T&C widget gives me different font and colors depending on the browser I'm using. How can I make sure all the text has the same font? How can I change the color of the T&C text in a way that "I agree to (black color) terms and conditions (blue color)"?


    After subscribing, I still get the JotForm branding "powered by jotform". How can I remove it? It should have the branding disabled. It creates an extra link that drives people away from my site.


    Finally, as you can see from my form, sub labels are below the field box, but it does not make any sense in my case. How can I add them on top of the field box directly under the title. For example:

    Subdomain (your app name) *

    Your partner space will be available on yourappname.readyplayer.me (smaller font)

    FIELD BOX





  • Lorenz JotForm Support
    Replied on June 14, 2021 at 10:00 PM

    Greetings,

    How can I add the logo to the left top corner and is it also possible to dynamically scale down the size of the logo depending on the screen size (mobile vs desktop)?

    There should be an option in the logo's property to change its alignment.

    1623721095 60c80487a4cdf The Easiest Onl Screenshot 10

    With regards to changing the logo's dimension depending on screen size, you can simply set a different size for the logo, when the screen reached a standard mobile device screen using a custom CSS.

    Please add the CSS code below into your form.

    @media screen and (max-width: 480px){

    .formLogoWrapper .formLogoImg{

    height: 40px;

    width: 70px;

    }

    }

    Guide: https://www.jotform.com/help/117-how-to-inject-custom-css-codes

    To avoid confusion, we have moved your other queries to their own separate ticket. Please refer to the link posted for each concern.

    Also, I notices that the T&C widget gives me different font and colors depending on the browser I'm using. How can I make sure all the text has the same font? How can I change the color of the T&C text in a way that "I agree to (black color) terms and conditions (blue color)"?

    Ticket: https://www.jotform.com/answers/3160639

    After subscribing, I still get the JotForm branding "powered by jotform". How can I remove it? It should have the branding disabled. It creates an extra link that drives people away from my site.

    Ticket: https://www.jotform.com/answers/3160641

    Finally, as you can see from my form, sub labels are below the field box, but it does not make any sense in my case. How can I add them on top of the field box directly under the title.

    Ticket: https://www.jotform.com/answers/3160643

  • Tiri_kaspar
    Replied on June 15, 2021 at 3:55 AM

    Hey! Thanks! Perhaps let me clarify - how can I align the logo on the top left corner of the bg image? In the desktop view, the logo is aligned to the left of the form page, not bg image.

  • Zahra_S
    Replied on June 15, 2021 at 7:45 AM

    Hi there,

    Thank you for clarifying your requirement.

    Please add the following CSS code in your form:

    .formLogoWrapper.Center {

      left:-650px;

    }

    The results will not show in the form builder but it will work in the final version of the form.

    You can see the results on my cloned form: https://form.jotform.com/211653135477961.

    I hope this helps. Please let us know if you need further assistance.