Indentation

  • Profile Image
    netdiva790
    Asked on June 08, 2012 at 11:07 AM

    Why do some of my forms have indent and others don't? Contact us has indentions (looks good) and Appointment Request doesn't. How can I give them all an indention? Where is any code to go?

  • Profile Image
    jeanettebmz
    Answered on June 08, 2012 at 02:16 PM

    You can adjust the padding of your form by injecting a custom CSS to the class  .form-line

    For example:

    .form-line {

    padding-left: 10px;

    }

    You can increase or decrease that number (10px;) until you get the desired padding.

    Best regards

    Jeanette


  • Profile Image
    jeanettebmz
    Answered on June 08, 2012 at 02:28 PM

    Something else, if you want a more ellaborated CSS code to inject into your forms , you can modify the    .form-all   class

    Example:

    .form-all {

    padding:10px 5px 15px 20px;

    }

    Where

    top padding is 10px

    right padding is 5px

    bottom padding is 15px

    left padding is 20px

     

    If you go clockwise

    first number is 12 oclock,

    the second 3 O'clock,

    the third one is 6 O'clcok AND

    the forth is 9 O'clock

     

    Again, those number are just suggestions, play around until you get the desired layout. Let me know if you still need assistance

    Jeanette

  • Profile Image
    netdiva790
    Answered on June 09, 2012 at 01:43 PM
    Jeanette, I've tried to embed your custom css. I go to preferences, click
    the edit spot, paste your code (I made it 20px) and even hit the save icon.
    Each time as I leave the page, it gives me the 'your leaving may not save
    changes' error, but I've already saved. I then get the new embed codes,
    embed in my iframe, but it won't update.

    It's funny, the first form I edited using your instructions (Appointments)
    worked but the others won't update. Can you help? I've put all this vet's
    forms into a folder OmemeeVet.

    Vivian
  • Profile Image
    ItalyTech
    Answered on June 09, 2012 at 02:28 PM

    Hi, have you tried to make changes using another web browser ?

    Please try using Firefox and let us know.

    Thanks.

    Alessandro

  • Profile Image
    netdiva790
    Answered on June 09, 2012 at 05:50 PM
    I made the changes with firefox. Any ideas?

  • Profile Image
    liyam
    Answered on June 09, 2012 at 07:23 PM

    You might need to clear your browser's cache.  I noticed that the CSS code was properly injected in your form.  Can you please check again if your page updates on your end now?

    Thanks.