Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #568854

    Hi,

    I’m using the following CSS to allow the contact form to fit full width in our theme:

    #contact_page * {padding-left:0px!important; padding-right:0px!important; margin-left:0px!important; margin-right:0px!important;}

    This then removes the padding on the form elements. I need to now move the email label and email text area to the right so it doesn’t right up against the Name section.

    I’ve tried:

    label[for="avia_2_1"] {padding:20px!important;}

    But as with my issue with the tab padding, this only affects vertical padding and not horizontal

    Contact form padding

    You can see this at: http://enamay.digitalessence.net/contact/

    #568877

    Hi DigitalEssence!

    Please add:

    label[for=”avia_2_1″] {
    padding: 0px;
    padding-left: 10px !important;
    }

    let me know if that helps

    Best regards,
    Basilis

    #568879

    Hi,

    that doesn’t do anything to the layout.

    #568963

    Hey!

    Please add following code to Quick CSS

    #contact_page p#element_avia_2_1 {
        margin-left: 1%!important;
    }

    Cheers!
    Yigit

    #569282

    That is perfect, thank you.

    Any idea why a fixed px amount doesn’t work but a % does?

    Either way, that worked and has fixed the issue. Thank you.

    #569562

    Hi!

    px value would be the same always but % is more flexible on responsive layouts.
    You are welcome. Let us know if you have any other questions or issues :)

    Best regards,
    Yigit

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘horizontal padding between contact form label and text area’ is closed to new replies.