Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • November 15, 2013 at 4:40 pm #189275
    ksakkos

    Hello!!

    I would like to have the possibly to choose not only 100% or 50% but also 25% of width for the elements of the contact form.

    I managed to add a 25% option by adding

    .avia_ajax_form .form_element_forth{width:24.75%; float:left; margin-right:1%; }

    at css/shortcodes.css

    and add it also at avia-shortcodes/contact.php like this:

    “subtype” => array( “100%” =>”, “50%” =>’element_half’, “25%” =>’element_forth’))

    So I obtain having a variable width in the contact form, but I can not find the way to avoid the new line of elements that always changes after the 2nd element.

    How can I avoid the new line of elements, in case 4 elements in the raw are set at 25%. Any help? Cannot even figure out where I can touch. Actually, I do not need it to be so cool, just need 25% and 100% instead of 50% and 100% if I can not have all three 25, 50, 100.

    Thank you!!

    November 15, 2013 at 8:09 pm #189389
    Josue

    Hi,

    Can you post the link to your contact page please?

    Regards,
    Josue

    November 16, 2013 at 8:01 pm #189659
    ksakkos

    Hello!

    Unfortunatelly I can not…..the public_html folder is behind password protection and has to remain like this…

    Here is how it looks like: http://i42.tinypic.com/el5xft.png

    And here how I set it up: http://i44.tinypic.com/2dgmhqa.png

    The point is putting all the 4 first fields together as long as 25% is chosen for them.

    Just tell me If I can give you more info coz Im getting crazy with this matter :-)

    Cheers!

    November 16, 2013 at 8:09 pm #189662
    Josue

    Hey!

    It’s happening because the third line of element is clearing any floats, you’d need to alter that class to, in the meantime try with this code in the Quick CSS:

    .ajax_form p{
clear: none !important;
}

    Best regards,
    Josue

    November 16, 2013 at 8:35 pm #189675
    ksakkos

    Nope…does not work…:-(

    November 16, 2013 at 9:10 pm #189679
    Josue

    Hey!

    Provide us with a link, you can post it as a private reply (only you and us will see it).

    Cheers!
    Josue

    November 16, 2013 at 9:38 pm #189688
    ksakkos

    Hello! Do you just need a link to the web or to the server too?

    Cheers!

    November 16, 2013 at 9:45 pm #189690
    Josue

    Hi!

    To the page where this contact form resides, so we can debug it live.

    Regards,
    Josue

    November 16, 2013 at 11:23 pm #189708
    ksakkos
    This reply has been marked as private.
    November 16, 2013 at 11:30 pm #189712
    Josue

    Hi!

    Add this to the CSS:

    #element_avia_email_1 {
    clear: none; 
    margin-left: 1%;
}

    Change your existing forth CSS to:

    .avia_ajax_form .form_element_forth {
width: 24.25%;
float: left;
margin-right: 1%;
}

    Result:

    Best regards,
    Josue

    November 17, 2013 at 1:14 am #189721
    ksakkos

    Thank you!! It works!!

    But now, when I put 25% to the elements below them, they keep having the original behaviour. Every 2 of them there is a new line. I tried applying the same idea with them but it does not work.

    November 17, 2013 at 1:45 am #189724
    Josue

    Hi!

    You need to apply this to the third line in each case:

    clear: none;
margin-left: 1%;

    In the first case it was #element_avia_email_1.

    Cheers!
    Josue

    December 16, 2014 at 9:50 am #368811
    samadhi_
    This reply has been marked as private.
    December 16, 2014 at 5:04 pm #368978
    Yigit

    Hi!


    @samadhi_     Please make sure that you are using the latest version of Enfold which is 3.0.4- http://kriesi.at/documentation/enfold/updating-your-theme-files/

    Regards,
    Yigit

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Contact form elements width.’ is closed to new replies.