Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 22, 2018 at 4:21 pm #988430
    tropsens

    Hello,

    I installed the travel demo import. On the big slider on the homepage, i added gravity form shortcode, but the result is the form is not working. How to make the form work?

    Please help.

    Thank you

    July 23, 2018 at 3:16 am #988554
    Ismael

    Hey tropsens,

    Thank you for using Enfold.

    The theme overrides the default style of the fields. Try these css codes.

    .gform_wrapper form li, .gform_wrapper li {
    overflow: visible;
    opacity: 1;
}

#top .av_inherit_color .gform_wrapper form li label, #top .av_inherit_color .gform_wrapper li label {
    color: blue;
}

#top .av_inherit_color .gform_wrapper form li {
    color: red;
}

    Adjust the values as needed.

    Best regards,
    Ismael

    July 23, 2018 at 11:33 am #988658
    tropsens

    Hi Ismael,

    Thank you for the code.

    Applied it, but the form has no field showing up. Can you please take a look now.

    Thank you

    July 24, 2018 at 12:05 pm #989125
    Ismael

    Hi,

    Thanks for the update.

    I adjusted the css code a bit. The fields are now visible but it will still require a few adjustments. This is the adjusted css code.

    .gform_wrapper form li, .gform_wrapper li {
    overflow: visible;
    opacity: 1;
}

.js_active .gform_wrapper li:first-child {
    visibility: visible!important;
}

#top .av_inherit_color .gform_wrapper form li label, #top .av_inherit_color .gform_wrapper li label {
    color: blue;
}

#top .av_inherit_color .gform_wrapper form li {
    color: red;
}

    Best regards,
    Ismael

    July 24, 2018 at 5:14 pm #989263
    tropsens

    Hi Ismael,

    Thanks for the code, i added some css to make the appearance look better.

    Since i want the form to contain 2 columns with fields, i created it, but now the second field on right side of the form is not visible.

    Can you please help to make it visible?

    Thank you

    July 25, 2018 at 7:23 am #989517
    Ismael

    Hi,

    Thanks for the update.

    Adjust the previous css code a bit.

    .js_active .gform_wrapper li:first-child {
    visibility: visible!important;
}

    Replace that css declaration with this one.

    .js_active .gform_wrapper li {
    visibility: visible!important;
}

    Best regards,
    Ismael

    July 25, 2018 at 1:04 pm #989653
    tropsens

    Thank you Ismael,

    Will try it out.

    Thanks a lot.

    July 26, 2018 at 4:57 am #990034
    Rikard

    Hi,

    Thanks for the feedback. Please let us know if you should need any further help on the topic.

    Best regards,
    Rikard

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