How to left align the warning message?

  • Profile Image
    AIFIB
    Asked on September 05, 2013 at 08:20 AM

    Hi guys,
    I have the following problem that I have noted in a picture (can better understand).


    The Warning Message on the bottom of the form I want to change in terms of color and in capital letters. what should I do?


    Many thanks!

  • Profile Image
    guilledutra
    Answered on September 05, 2013 at 10:09 AM

    Hi,

    could you provide the link, or the name of the form that you need to modify, in order to give you better assistance

    Thanks

  • Profile Image
    AIFIB
    Answered on September 10, 2013 at 07:30 AM

    Yes, clearly this is:

    formID=32523239015345

     

    For better understanding but see the picture. I have highlighted the errors.

  • Profile Image
    pinoytech
    Answered on September 10, 2013 at 09:01 AM

    Hi,

    Can you please take a look at this clone form if this is something you want to achieve? http://www.jotformpro.com/form/32523677775970

    If yes, inject this custom css into your form.

    #id_37 p {

    margin-left: 63px !important;

    position: absolute;

    }

    If you need further assistance, please let us know.

    Thank you!

  • Profile Image
    AIFIB
    Answered on September 12, 2013 at 09:47 AM

    Hi,

    you say
    me how I can change/format
    the text (in terms of color and font style) below the send button and this warning-alert should also be left-justified to the form fields.

     

    Thanks.

  • Profile Image
    EliezerN
    Answered on September 12, 2013 at 10:19 AM

    @AIFIB

    If what you are looking for is to have the warning text in this way: 

     

    Just insert this CSS code: 

    p

    {

    position:relative;

    right:20px;

    top:10px;

    }

    Here is my cloned form where you can see how it works:https://www.jotform.com/form/32544469164964

    If you need further assistance about this topic, let us know or open a new thread to make your unrelated questions.

    Thanks

  • Profile Image
    AIFIB
    Answered on September 12, 2013 at 11:44 AM

    Hi,

    not wrong. It would be better under the "Send" button and left-aligned to the form input fields. The text should appear in capital letters and the color #E15353,
    so it looks uniform with the other colors/formats in the form.

     


    Thank you very much.

  • Profile Image
    pinoytech
    Answered on September 12, 2013 at 01:24 PM

    Hi,

    I've updated the clone form, can you please take a look at it if this is what you want to achieve?

    http://www.jotformpro.com/form/32523677775970

    Thank you!

  • Profile Image
    AIFIB
    Answered on September 13, 2013 at 10:25 AM

    Hello pinoytech,


    that fits! What exactly is the CSS code that you changed / have newly inserted?

    Thank you.

  • Profile Image
    pinoytech
    Answered on September 13, 2013 at 11:40 AM

    I've updated my previous codes from: 

    #id_37 p {

    margin-left: 63px !important;

    position: absolute;

    }

    To:

    #id_37 p {

    margin-left: 185px !important;

    position: absolute;

    text-transform: uppercase;

    color: #E15353;

    }

    If you need further assistance, please let us know.

    Thank you!