Tagged: ,

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • February 19, 2018 at 9:00 am #914166
    lijndiensten

    Hi guys,

    I noticed that forms are not displaying like they used to. I have setup a form with some fields to show 1/3 width and some 1/2, but currently all are shown at 100%. When checking the css, it seems that the css class selector .avia_ajax_form is not in the actual form anymore?

    Related or not, on another page, the label of the message form field has disappeared.

    Thanks already,
    Ivan

    February 19, 2018 at 3:50 pm #914319
    Victoria

    Hey lijndiensten,

    Please disable caching and minification while we’re helping you.
    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Best regards,
    Victoria

    February 19, 2018 at 3:53 pm #914323
    lijndiensten

    Done and done!

    February 19, 2018 at 4:37 pm #914378
    Victoria

    Hi,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top form.ajax_form.av-form-labels-visible.avia-builder-el-7 {
    margin-bottom: 20px;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}
.textare_label.hidden.textare_label_avia_3_1 {
  display: block;
  position: initial;
  top: auto;
  visibility: visible;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    February 19, 2018 at 4:42 pm #914382
    lijndiensten

    Hi Victoria,

    It works, but does not seem to be a solution to the problem described. Note that form_element_third are not 33%, likewise for form_element_half.

    And do you know why this is now broken, since it is standard Enfold functionality?

    Thanks,
    Ivan

    • This reply was modified 6 years, 1 month ago by lijndiensten.
    February 20, 2018 at 3:52 am #914644
    Rikard

    Hi Ivan,

    Thanks for the feedback, though I can’t really see anything wrong with your contact forms. Could you post a screenshot highlighting the problems please?

    Best regards,
    Rikard

    February 20, 2018 at 9:12 am #914749
    lijndiensten

    Hi Rikard,

    Sure, see here.. The fields show in columns by adding class avia_ajax_form to the <form>-tag,

    Ivan

    February 21, 2018 at 4:09 am #915179
    Ismael

    Hi,

    Thank you for the update. We can’t reproduce the same issue on our end. Please enable the Appearance > Editor panel. ( see private field )

    Add this css code in the Quick CSS field as a temporary fix.

    .avia_ajax_form p{ position: relative; clear:both; float:left; width:100%; margin: 11px 0;}
.avia_ajax_form.av-form-labels-hidden p{margin-top: 8px; margin-bottom: 8px;}
.avia_ajax_form p.hidden{position: absolute; width:0px; left:0; top:0; }
.avia_ajax_form .form_element_half{width:49.5%; float:left; margin-left:1%; clear:none;}
.avia_ajax_form .form_element_third{width:32.6%; float:left; margin-left:1%; clear:none;}
.avia_ajax_form .form_element_two_third{width:66.4%; float:left; margin-left:1%; clear:none;}
.avia_ajax_form .form_element_fourth{width:24.2%; float:left; margin-left:1%; clear:none;}
.avia_ajax_form .form_element_three_fourth{width:74.8%; float:left; margin-left:1%; clear:none;}

.avia_ajax_form .first_form{clear:both;margin-left:0;}

    Best regards,
    Ismael

    February 21, 2018 at 9:02 am #915324
    lijndiensten

    That’s weird, there’s no caching and it’s broken like this on all browsers and all devices I check.

    The css provided doesn’t work, because class .avia_ajax_form is not in de html. For now I added this to the quick css:

    .ajax_form p{ position: relative; clear:both; float:left; width:100%; margin: 11px 0;}
.ajax_form.av-form-labels-hidden p{margin-top: 8px; margin-bottom: 8px;}
.ajax_form p.hidden{position: absolute; width:0px; left:0; top:0; }
.ajax_form .form_element_half{width:49%; float:left; margin-left:1%; clear:none;}
.ajax_form .form_element_third{width:32.3%; float:left; margin-left:1%; clear:none;}
.ajax_form .form_element_two_third{width:66.4%; float:left; margin-left:1%; clear:none;}
.ajax_form .form_element_fourth{width:24.2%; float:left; margin-left:1%; clear:none;}
.ajax_form .form_element_three_fourth{width:74.8%; float:left; margin-left:1%; clear:none;}

.avia_ajax_form .first_form{clear:both;margin-left:0;}

.textare_label.hidden.textare_label {display: block;position: initial;
  top: auto;visibility: visible;}

    Ivan

    February 21, 2018 at 3:31 pm #915507
    Ismael

    Hi,

    Thank you for the update. Did you disable the ajax form?

    Best regards,
    Ismael

    February 21, 2018 at 11:13 pm #915769
    lijndiensten

    Hi Ismael,

    You would say so, right? But I don’t know how or where I would have done that? Do you know where I can check whether I have disabled ajax form?

    Thanks,
    Ivan

    February 24, 2018 at 3:36 am #916947
    Ismael

    Hi,

    Please check it in the functions.php file or give us access to the Appearance > Editor panel so that we can look at the file. :)

    Best regards,
    Ismael

    February 24, 2018 at 11:07 am #917048
    lijndiensten

    Hi Ismael,

    Well, that pointed me in the right direction, and I guess I should have known: we have moved class-form-generator.php to the child’s functions.php to maintain some modifications to the datepicker. Some update elsewhere in the theme had apparently broken the ajax form. I copied the latest version of class-form-generator.php to functions.php and applied the code changes – solved!

    Thanks for the help and effort,
    Ivan

    February 24, 2018 at 2:04 pm #917098
    Victoria

    Hi Ivan,

    Oh! Glad you finally got it working for you!

    If you need further assistance please let us know.
    Best regards,
    Victoria

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