Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • October 31, 2013 at 9:30 pm #183109
    awilson3rd

    Hello,

    I have been using the code below which I found on another thread to reduce the size of the contact form fields. However, since the latest update these no longer have any effect, any idea why:

    /*removes margin from above and below form inputs*/
    .ajax_form p {
    margin: 0;
    }

    /*padding inside the inputs*/
    #top .ajax_form .text_input, #top .ajax_form .select, #top .ajax_form .text_area {
    padding-top: 4px;
    padding-bottom: 4px;
    }
    /*re add padding to captcha only*/
    #top .ajax_form .text_input.captcha {
    padding-top: 13px;
    padding-bottom: 13px;
    }

    /*re add some space above the submit*/
    #top .ajax_form .button {
    margin-top: 13px;
    }

    The original thread is:

    https://kriesi.at/support/topic/contact-form-make-input-fields-thinner/

    November 3, 2013 at 3:21 am #183853
    Josue

    Hey awilson3rd!

    Your website: http://mafo.doremus.us/kontakt/ is not loading:

    Service Temporarily Unavailable

    The server is temporarily unable to service your request due to maintenance downtime or capacity problems. Please try again later.

    Regards,
    Josue

    November 3, 2013 at 11:28 am #183895
    awilson3rd

    Hello Josue,

    Think you might have misread the post. That is not my website:-) I was just using the code suggested in the forum link I posted
    but as advised, for some reason since the last update it does not work – sorry, can’t give you a link but need to know what has changed to make it stop working?

    Thanks

    Andrew

    November 3, 2013 at 7:12 pm #183973
    Josue

    Hey Andrew!

    Oh, sorry for that confusion, regarding your issue, it’s hard to know why it stopped working without seeing the site live, you can try debugging yourself if you want with the Dev Tools or something alike.

    I tried your code on my local installation (latest version of Enfold), and it did affected the contact form:

    Where did you put this code? custom.css or Quick CSS?

    Cheers!
    Josue

    November 3, 2013 at 7:19 pm #183974
    awilson3rd

    Thanks for the reply.

    I put it in the quick css (I don’t normally touch custom.css). It’s strange because it was working fine along with other element changes in the quick css but after the update the rest are still working but the contact form one isn’t being read for some reason.

    Thanks again,

    Andrew

    November 3, 2013 at 7:29 pm #183983
    awilson3rd

    I should also have mentioned that the form is within an icon box but like I say, it wasn’t a problem before.

    Thanks

    Andrew

    November 3, 2013 at 7:37 pm #183988
    Josue

    Hi Andrew,

    Try putting it in css/custom.css.

    Regards,
    Josue

    November 3, 2013 at 9:54 pm #184017
    awilson3rd

    Tried but still no effect. I don’t think it’s an issue with the icon box because I have a general contact form too and the css isn’t being applied to that either.

    Thanks

    Andrew

    November 4, 2013 at 5:16 pm #184340
    Josue

    It’s an issue with CSS not being applied, maybe enfold.css isn’t being re-generated, etc. Try put it in css/custom.css.

    Regards,
    Josue

    November 4, 2013 at 7:08 pm #184385
    awilson3rd

    I did:-) But still no joy. css seems to be ok because I have quite a few customization’s in the quick css and they are all working ok – well, apart from the form as mentioned above. I know it’s difficult for you to troubleshoot but this was fine until the last update (well, the one before yesterday’s update) so I am lost,

    Thanks

    Andrew

    November 5, 2013 at 2:00 am #184570
    Ismael

    Hey!

    Can you please post the link to your website? Please give us a link to the actual contact page. Do you have a contact form plugin?

    Cheers!
    Ismael

    November 5, 2013 at 10:22 am #184698
    awilson3rd

    Hello Ismael,

    No there is no other contact plugin. Also, as mentioned, I know it is difficult to troubleshoot without a link but I cannot provide one at this time. I have tried disabling all plugins but still the css for the form does not work.

    Is there any css for changing other elements of the form such as colors etc so I can test that.

    Thanks again,

    Andrew

    November 5, 2013 at 6:52 pm #184883
    Josue

    Hi!

    Try this to see if it works, it will change the background color of inputs an textareas:

    .ajax_form input, .ajax_form textarea {
background: #008000 !important;
}

    Cheers!
    Josue

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Contact Form Sizing’ is closed to new replies.