• Hi there,

    Can anyone help me with a question I have been stuck on for awhile?

    My question is regarding the “subscription to newsletter” section (at the bottom of my web page: https://www.meleteamusa.com/about-meletea-musa/)

    When I enter my email in the “subscribe to newsletter section”, it leads me to a web page with a huge email row. I wanted to show show the message “Thank you for submitting your email address” in the “subscribe to newsletter section” (perhaps under the enter email part) instead of a new web page with a huge row. Wonder if anyone could help me resolve this issue?

    Thanks,
    Nancy

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Takayuki Miyoshi

    (@takayukister)

    Which versions of WordPress and Contact Form 7 do you use on the site?

    Thread Starter nanciizhang

    (@nanciizhang)

    Hi Takayuki,

    I am using WordPress version: 5.7.1, Contact Form Version 5.4.1.

    Thanks for looking into this!

    The reason is because who has developed the theme style doesn’t take in account the validation!

    i tried place a fix but there is there is a basic issue in the css and need to be completely reworked. Instead of styling the wrapper of input container + validation, the author has styled only the input only so then when the validation appears it is a whole line long.

    You need to contact the template authors and ask them to fix it

    Thread Starter nanciizhang

    (@nanciizhang)

    Thanks Erik, I have asked the theme developers to help and this is what they wrote back to me.

    “As mentioned before, we have limited support for it that only covers its compatibility issues with our themes. We are not the authors of the Contact Form 7 plugin”.

    I do not think I could rely on them solving this issue..unfortunately..

    actually (imho) it’s different: they did the style of the form but forgot about the validation… ?? it happens! ironically this is a paid theme isn’t it?

    customizer -> additional css

    .custom-contact .wpcf7-form-control.wpcf7-text {
        width: 100%;
    }
    .custom-contact .your-name, .custom-contact .your-email {
        width: 48%;
        margin-right: 2%;
        display: inline-block;
    }
    .custom-contact .your-email {
        margin-left: 2%;
        margin-right: 0;
    }
    
    span.wpcf7-not-valid-tip {
        margin-top: -16px;
        margin-bottom: 16px;
    }
    
    .custom-contact .qodef-btn.qodef-btn-outline {
        margin: 0;
    }
    
    .custom-contact .qodef-btn.qodef-btn-outline {
        float: initial;
        margin: 0 0 0 auto;
        display: block;
    }

    I tried to do my best!

    PS: after working with that css I discovered the real reason: whoever made the css of this template has made a real mess and didn’t know how to get out of it! please don’t give them this code, I want to see them struggle a bit more!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘subscription to newsletter section not working properly’ is closed to new replies.