Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • December 15, 2014 at 11:43 pm #368669
    Justin

    Hey guys,
    I created a custom class ‘home’.
    I am trying to align the submit button to the right of the 3rd field…EMAIL. So it all falls on one line.
    Yet something is missing. Any direction would help thanks!

    December 16, 2014 at 5:26 am #368771
    Ismael

    Hey Justin!

    Thank you for using Enfold.

    Use 1/1 column layout instead of 1/2 then use css to center align the form. The width of the current column is not sufficient to contain the form fields and the submit button.

    Cheers!
    Ismael

    December 16, 2014 at 5:43 am #368778
    Justin
    This reply has been marked as private.
    December 17, 2014 at 2:31 am #369283
    Ismael

    Hey!

    You can try this:

    .home div#av_section_1 p.form_element:last-child {
width: auto;
clear: none;
margin-left: 2%;
top: 25px;
}

.home div#av_section_1 .form_element .button {
width: 100%;
}

.home div#av_section_1 .avia_ajax_form .form_element_third {
width: 26%;
}

    Apply a unique id on the color section which contains the form fields. Replace the div#av_section_1 id.

    Regards,
    Ismael

    December 17, 2014 at 3:34 am #369300
    Justin
    This reply has been marked as private.
    December 17, 2014 at 8:29 pm #369712
    Justin
    This reply has been marked as private.
    December 19, 2014 at 2:15 am #370386
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 480px) {
.home div#av_section_1 .avia_ajax_form .form_element_third {
width: 100% !important;
}}

    Regards,
    Yigit

    December 19, 2014 at 2:45 am #370405
    Justin
    This reply has been marked as private.
    December 19, 2014 at 2:49 am #370407
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 480px) {
.home div#after_section_1 {
padding-top: 220px;
}}

    Cheers!
    Yigit

    December 19, 2014 at 2:59 am #370413
    Justin
    This reply has been marked as private.
    December 19, 2014 at 3:10 am #370415
    Yigit

    Hi!

    Following code should fix it

    @media only screen and (max-width: 480px) {
.home div#av_section_1 .form_element input.button {
margin-top: -20px!important;
margin-bottom: 10px;
}}

    Regards,
    Yigit

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.