Tagged: CSS, footer, mailchimp widget
Hi guys,
Need some CSS help.
I need the background color for the Mailchimp Widget thank you message (after email submit) on the footer to be transparent. Not to change to the same color as the footer’s font.
#fff7f7 – is used as the background for the Email Address field and it seems to also be used as the background for the Thank you message. Unfortunately if the footer is a dark color, this doesn’t work well.
Tried to tinker with the code on Chrome dev but could not change the thank you message background to dark blue or to transparent. And I only want to change it for the Footer.
Thank you in advance!!
Sending you the site and email info on the Private Content.
Havi
Hey havi,
Please try the following in Quick CSS under Enfold->General Styling:
h3.avia-form-success.avia-mailchimp-success {
background-color: #163248;
}
Best regards,
Rikard
Hi Rikard,
Tested it and works on the footer but it is also affecting all other mailchimp messages not on footer and not with #163248 background so now those cannot be seen. It just shows a blue box.
How do we limit this to the footer only?
Thank you!
Havi
Hi,
Please try this CSS instead:
#footer h3.avia-form-success.avia-mailchimp-success {
background-color: #163248;
}
Best regards,
Rikard
Hi Rikard!!
It worked like a charm! Thank you so much!! You are the best!!
Have a happy holiday season!!
Warmly,
Havi