Skip to content

Instantly share code, notes, and snippets.

@cre8tivediva cre8tivediva/style.css Secret
Created Apr 9, 2018

What would you like to do?
MailChimp Naked Embed Code Custom CSS
/* Customize MailChimp Signup Form to look like Genesis eNews Extended
* ========================================================================== */
.sidebar .widget #mc_embed_signup h2 {
color: #333;
font-family: 'Source Sans Pro', sans-serif;
font-size: 1.8rem;
font-weight: 600;
.sidebar #mc_embed_signup li {
border-bottom: none;
clear: both;
float: left;
margin-bottom: 0;
padding-bottom: 0;
.sidebar .widget #mc_embed_signup {
background: #f5f5f5;
color: #333;
padding: 30px;
.sidebar .widget #mc_embed_signup .button {
background-color: #333;
border: 0 none;
border-radius: 0;
clear: both;
color: #FFFFFF;
cursor: pointer;
display: inline-block;
font-size: 16px;
font-weight: 700;
height: auto;
line-height: normal;
margin: 0 5px 10px 0;
padding: 24px 24px;
text-align: center;
text-decoration: none;
transition: all 0.23s ease-in-out 0s;
vertical-align: top;
width: 100%;
white-space: nowrap;
.sidebar .widget #mc_embed_signup .button:hover {
background-color: #0073e5;
.sidebar .widget #mc_embed_signup .mc-field-group {
clear: both;
line-height: 2;
text-align: left;
.sidebar .widget #mc_embed_signup .mc-field-group input[type="checkbox"],
.sidebar .widget #mc_embed_signup input[type="image"],
.sidebar .widget #mc_embed_signup input[type="radio"] {
margin-right: 20px;
.sidebar .widget #mc_embed_signup .indicates-required {
font-size: 11px;
margin-right: 4%;
text-align: left;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.