Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • March 4, 2018 at 10:20 pm #921217
    bakbek

    Hi, not sure what happened but after I update the theme many things have gone wrong on the site.

    March 5, 2018 at 9:35 am #921364
    bakbek

    This is how it looked before the theme update.

    March 5, 2018 at 5:23 pm #921613
    Nikko

    Hi,

    Did you make some tweaks on the Enfold theme? I just noticed that the color of the fields are different. Please try to revert to the previous version, I would suggest using a child theme.

    Best regards,
    Nikko

    March 5, 2018 at 5:31 pm #921621
    bakbek

    How can I make the fields look as they did before?

    March 6, 2018 at 5:43 am #922041
    Rikard

    Hi Dror,

    Sorry for the problems. Please try this in Quick CSS:

    .avia_ajax_form .form_element_fourth {
    margin-right: 0 !important;
}
    #order p input {
    background-color:green !important;
}

    Best regards,
    Rikard

    March 6, 2018 at 12:50 pm #922210
    bakbek

    That worked but the form is LTR now and not RTL. The submit button should be with a white background and it should be on the left side, not the right side as it is now.

    March 6, 2018 at 2:12 pm #922295
    Rikard

    Hi,

    Thanks for the feedback. Please try this instead:

    .avia_ajax_form .form_element_fourth {
    float: right !important;
    margin-left: 5px !important;
}

    Best regards,
    Rikard

    March 6, 2018 at 3:02 pm #922330
    bakbek

    How can I make it look the same as this – https://screencast.com/t/Mb6cA7FrN0e?

    Currently the inline text is not visible as it is white and the background is also white.

    March 7, 2018 at 12:13 pm #922890
    Ismael

    Hi,

    Thank you for the update.

    Please remove the previous modification. Add a left margin to the first field and remove the margin of the last field.

    .rtl .avia_ajax_form .form_element {
    float: right;
}

.rtl .avia_ajax_form p.first_form {
    clear: both;
    margin-left: 1%;
}

.rtl .avia_ajax_form p:last-child {
    margin-left: 0;
}

    Best regards,
    Ismael

    March 7, 2018 at 12:22 pm #922896
    bakbek

    And what about the button color? How can I make it white background?

    March 7, 2018 at 1:32 pm #922974
    Victoria

    Hi bakbek,

    This code in quick css with !important is what it makes it so.
    Image 2018-03-07 at 19.29.06.png

    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 #order .av-centered-form  p input[type=submit] {
  background-color: #fff !important;
  color: #53a9b8;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    March 8, 2018 at 12:16 pm #923813
    bakbek

    OK, that fixed it. But I still have an issue on the homepage with the contact form, it should show in one line and the button breaks to a new line below and it simply looks bad.

    How can I fix it?

    March 8, 2018 at 12:51 pm #923843
    Victoria

    Hi bakbek,

    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

    
#order .avia_ajax_form .form_element_third {
    width: 31.6%;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

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