{"id":1746,"date":"2024-09-26T13:44:50","date_gmt":"2024-09-26T13:44:50","guid":{"rendered":"http:\/\/docs"},"modified":"2024-09-26T13:44:50","modified_gmt":"2024-09-26T13:44:50","password":"","slug":"mail-chimp-form-custom-styles","status":"publish","type":"docs","link":"https:\/\/www.8theme.com\/documentation\/xstore\/plugins\/mail-chimp-form-custom-styles\/","title":{"rendered":"Mail Chimp form custom styles"},"content":{"rendered":"<p>We have added custom styles for the <b>MailChimp newsletter<\/b> form and you can use custom classes to change its styles.<\/p>\n<p>If you would prefer using it in place of the default form, wrap the MailChimp form code or shortcode into div with the custom class\u00a0\u00a0 <code class=\"inline-code\">et-mailchimp<\/code>  \u00a0 and you could also use the following classes in addition:\u00a0\u00a0<code class=\"inline-code\">dark<\/code>  ,\u00a0\u00a0<code class=\"inline-code\">classic-button<\/code>  <\/p>\n<p>For example:<\/p>\n<p><img decoding=\"async\"  src=\"https:\/\/s3.amazonaws.com\/helpscout.net\/docs\/assets\/5809d09590336070ba24798e\/images\/5b7bdac70428631d7a8a2fb4\/file-fOD83newmj.jpg\" style=\"width: 100%; max-width: 100%; \" \/><\/p>\n<pre class=\"brush: html\">&lt;div class=\"et-mailchimp dark classic-button\"&gt;\n    &lt;p&gt;\n\t&lt;input type=\"email\" name=\"EMAIL\" placeholder=\"Your email address\" required \/&gt;\n\t&lt;input type=\"submit\" value=\"Sign up\" \/&gt;\n    &lt;\/p&gt;\n&lt;\/div&gt;\n<\/pre>\n<p>If you plan to use MailChimp in different places with different styles then use a simple MailChimp code<\/p>\n<p>And add classes for the shortcodes to change styles for every form\u00a0 \u00a0<\/p>\n<p>\n\t &nbsp; &nbsp; &nbsp;<br \/>\n\t<img decoding=\"async\" src=\"https:\/\/s3.amazonaws.com\/helpscout.net\/docs\/assets\/5809d09590336070ba24798e\/images\/5b7bdebc0428631d7a8a3003\/file-cyTnGUCxQR.png\" alt=\"\" style=\"float: left; margin-top: 0px; margin-right: 30px !important; margin-bottom: 10px;\">&nbsp; &nbsp; <img decoding=\"async\" src=\"https:\/\/s3.amazonaws.com\/helpscout.net\/docs\/assets\/5809d09590336070ba24798e\/images\/5b7bdeab2c7d3a03f89deb1b\/file-XYKyZOPINt.png\" alt=\"\" style=\"float: left; margin: 0px 10px 10px 0px;\">\n<\/p>\n<div style=\"clear:both;\">\n<\/div>\n<div class=\"video video-youtube\" ><iframe src=\"https:\/\/www.youtube.com\/embed\/Q00y7QCcdqg\" width=\"830\" height=\"467\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div>\n","protected":false},"excerpt":{"rendered":"<p>We have added custom styles for the MailChimp newsletter form and you can use custom classes to change its styles. If you would prefer using it in place of the default form, wrap the MailChimp form code or shortcode into div with the custom class\u00a0\u00a0 et-mailchimp \u00a0 and you could also use the following classes [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"doc_category":[38],"doc_tag":[],"class_list":["post-1746","docs","type-docs","status-publish","hentry","doc_category-plugins"],"aioseo_notices":[],"year_month":"2026-04","word_count":130,"total_views":"3146","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"author_nicename":"docs","author_url":"https:\/\/www.8theme.com\/documentation\/author\/docs\/"},"doc_category_info":[{"term_name":"Plugins","term_url":"https:\/\/www.8theme.com\/documentation\/xstore\/plugins\/"}],"doc_tag_info":[],"author_list":[{"ID":"1","user_login":"docs","display_name":"docs","id":"1"}],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/docs\/1746","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/comments?post=1746"}],"version-history":[{"count":0,"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/docs\/1746\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/media?parent=1746"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/doc_category?post=1746"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.8theme.com\/documentation\/wp-json\/wp\/v2\/doc_tag?post=1746"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}