Hello,
Following this tutorial: https://tagdiv.com/tagdiv-newsletter-plugin/, when I generate an embedded Mailchimp form code and paste it into the “Embedded Form Code/Feedburner ID” area of the newsletter plugin in my post template sidebar, my custom CSS code to style the form that I add in the custom CSS section of the site doesn’t apply/work.
For example the main div of the form code from MC has a class of #mc_embed_signup, so I added this code in the custom CSS section of the site and it has no effect:
#mc_embed_signup {
max-width: 300px;
padding: .5rem;
position: relative;
background: linear-gradient(90deg, rgba(83,209,245,1) 0%, rgba(0,89,152,1) 100%);
}
In fact, when I inspect the plain form in the sidebar of the site, I don’t even see the HTML classes in the Mailchimp code. Instead, I see classes like “class=”tds-newsletter tds-newsletter1 tdi_83 td-fix-index” and “class=”tdn-info-wrap”
Why is this? and How do I go about adding/editing the CSS of an embedded Mailchimp form on this theme?
Hello,
I don’t know if this is the correct solution but I realized I could just use a plain HTML element for this instead of the newsletter plugin and that seems to be working fine.
Hi,
The Newsletter plugin is a theme element that will remove and stile the embed code from mail chimp, if you want that this to be like the one that it is provided from your source, then, just set it in html element or in column text or text with title, in this way will keep the format and you can stile it with css.
Thank you!
