Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.

Okay
  Public Ticket #3369589
Problem Newsletter Form Footer
Closed

Comments

  • chaiyafarmer started the conversation

    Hello,

    There is a problem with form included in footer "Dark Footer 21".

    After connecting to to mailchimp api, the newsletter form was appearing and when tried to put an email i got an error message : The requested resource could not be found.

    After hours of investigating, it seems that the problem comes from the FORM in easy form for mailchimp. As you can see on the pictures when try to edit it, it show an error message.

    So i deleted this form and created a new one and it worked, after that i could add my email to the list.

    BUT a new problem came out and the problem comes from the shape the submit button, as seen on pictures(3) and so i can't fix it.

    I would like to know if it possible to have the original setting of the form so i can set it up the same way. Like is there a Form Classes or Additional Class to provide ?

    Thanks for help ;-)


    NB: I also tried to insert new footer with newsletter area included but i got the same problem when tried to edit the form, it could not be edited same as first one.

    Attached files:  2023-05-14 00.17.57 localhost e3a37e0c4117.jpg
      2023-05-14 00.18.30 www.cbweedy.com 74de9ad09674.jpg
      2023-05-14 00.56.29 www.cbweedy.com 337b1d8a7ce7.jpg

  •  7,092
    Oliver replied

    HI!

    Try to add this one:

    #yikes-mailchimp-container-5 span.EMAIL-label {
        width: 100%;
        float: left;
        position: absolute;
        top: -27px;
    }
    #yikes-mailchimp-container-5 span.yikes-mailchimp-submit-button-span-text {
        display: none;
    }
    #yikes-mailchimp-container-5 .yikes-easy-mc-form .yikes-easy-mc-submit-button:before {
        width: 40px;
    }

     

    3938581396.jpg

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • chaiyafarmer replied

    Thanks for quick answer.

    I tried to copy the code you provided but nothing changed.

    However i found another way by adding this to customising>additional css :

    .yikes-easy-mc-form .yikes-easy-mc-submit-button {
      width: auto !important;
      height: auto !important;
      color: white !important;
      background: green !important;
      font-size: 16px !important;
    }

    As you can see on the picture (3) it did work but not sure it can be a problem later on.

    However i am facing new issue as i now activated the recaptcha, the recaptcha is not appearing for the v3 and for the v2 it hides the email form... I even tried to take off this additional css but the problem remains...

    Not sure it is linked or a completely other problem ?

    Cheers

    Attached files:  2023-05-14 21.45.38 www.cbweedy.com d5376bf190e8.jpg
      2023-05-14 21.44.50 www.cbweedy.com 6a5dd7460f98.jpg
      2023-05-14 21.46.46 www.cbweedy.com 79a78aeeb5fc.jpg
      2023-05-14 21.51.14 www.cbweedy.com eec63dbe228a.jpg

  •  7,092
    Oliver replied

    HI,

    Please check it now

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • chaiyafarmer replied

    Wow you are legend :-)

    Yes does work even better than with the additional CSS.

    Thanks so much :-))

    Can i share here the css to fix it for others ?

  •  7,092
    Oliver replied

    You're welcome!

    Can i share here the css to fix it for others ? - Sure. 

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • chaiyafarmer replied

    Alright then, here is the code to fix this problem if someone else comes through the same :

    .yikes-mailchimp-container-5  span.EMAIL-label {
        width: 100% !important;
        float: left !important;
        position: absolute !important; 
        top: -27px !important;
    }
    .yikes-mailchimp-container-5  span.yikes-mailchimp-submit-button-span-text {
        display: none !important;
    }
    .yikes-mailchimp-container-5  .yikes-easy-mc-form .yikes-easy-mc-submit-button:before {
        width: 40px !important;
    }
    .yikes-mailchimp-container-5  div#recaptcha-1 {
        position: absolute;
        margin-top: 60px !important;
    }
    .yikes-mailchimp-container-5 button.yikes-easy-mc-submit-button {
        max-width: 40px;
    }
    .yikes-mailchimp-container-5 button.yikes-easy-mc-submit-button {
        max-width: 40px;
        margin-left: -1px !important;
    }


    To be added in custom css of the theme or wp.


    Cheers