Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 20, 2016 at 8:17 pm #568854
    DigitalEssence

    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/

    January 20, 2016 at 9:16 pm #568877
    Basilis

    Hi DigitalEssence!

    Please add:

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

    let me know if that helps

    Best regards,
    Basilis

    January 20, 2016 at 9:22 pm #568879
    DigitalEssence

    Hi,

    that doesn’t do anything to the layout.

    January 20, 2016 at 11:40 pm #568963
    Yigit

    Hey!

    Please add following code to Quick CSS 

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

    Cheers!
    Yigit

    January 21, 2016 at 10:40 am #569282
    DigitalEssence

    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.

    January 21, 2016 at 7:08 pm #569562
    Yigit

    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

  • Author
    Posts
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.