Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 10, 2021 at 9:00 am #1316001
    koomo

    Hi,
    Using Advanced Layout Builder and HTML in widget.
    Seems that css is not loading.
    For example the Submit button of contact form doesn’t have the look it should have.
    Any idea.
    Thank you.
    X.

    August 11, 2021 at 8:13 am #1316211
    Ismael

    Hey koomo,

    Thank you for the inquiry.

    Did you enable the spam protection or the Google ReCAPTCHA option for the contact form? The button is not clickable because it is waiting for the security or the ReCAPTCHA widget to be validated. Please post the shortcode in the private field so that we could inspect it.

    You may need to disable the ReCAPTCHA option for this particular contact form.

    Best regards,
    Ismael

    August 11, 2021 at 9:32 am #1316225
    koomo

    Hi Ismael,
    Thank you for your message.
    The button is clickable.
    The issue is with the look and color…like the CSS doesn’t load.
    Code in private content.
    Thank you

    August 12, 2021 at 6:32 am #1316371
    Ismael

    Hi,

    Thank you for the info.

    The look of the button looks different because the lightbox container is rendered outside the main container, so the default css selectors and styles that the theme is using is not applying to the contact form. You will have to adjust the style of the element (buttons, fields etc) manually.

    Best regards,
    Ismael

    August 13, 2021 at 11:56 pm #1316689
    koomo

    Thank you very much Ismael.
    Seems to work with
    .widget_text.widget.clearfix.widget_custom_html div.textwidget.custom-html-widget form.avia_ajax_form.av-form-labels-hidden fieldset p.form_element input.button {background-color: #d6081a;
    color: #ffffff;
    border-color: #b40608;}

    Anyhow we have another issue you might be able to help if you don’t mind.

    On mobile the calendar doesn’t always…just from time to time.
    Any idea? Or point me to the JS file.
    Thank you.
    X.

    August 16, 2021 at 5:07 am #1316876
    Ismael

    Hi,

    Glad to know that you managed to adjust the style of the button. If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

    Thanks!

    Best regards,
    Ismael

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘CSS in widget’ is closed to new replies.