Skip to content

Instantly share code, notes, and snippets.

@studiopress
Created September 28, 2017 15:29
Show Gist options
  • Save studiopress/724fa4bb0b723c0692fd41e26b67493a to your computer and use it in GitHub Desktop.
Save studiopress/724fa4bb0b723c0692fd41e26b67493a to your computer and use it in GitHub Desktop.
CSS used for newsletter widget area.
/* Newsletter
---------------------------------------------------------------------------------------------------- */
.newsletter .arrow-down {
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 20px solid #fff;
height: 0;
margin-left: auto;
margin-right: auto;
width: 0;
}
.newsletter {
background-color: #000;
text-align: center;
}
.newsletter .wrap {
margin-left: auto;
margin-right: auto;
max-width: 800px;
padding-bottom: 100px;
padding-top: 80px;
}
.newsletter p,
.newsletter .widget-title {
color: #fff;
}
.newsletter .widget-title {
font-size: 48px;
font-style: italic;
line-height: 1;
margin-bottom: 20px;
text-align: center;
}
.newsletter p {
font-size: 24px;
}
.newsletter .enews {
margin-left: auto;
margin-right: auto;
width: 50%;
}
.newsletter ::-moz-placeholder {
color: #fff;
font-style: italic;
opacity: 1;
}
.newsletter ::-webkit-input-placeholder {
color: #fff;
font-style: italic;
}
.newsletter input[type="email"],
.newsletter input[type="text"] {
background-color: transparent;
border: 1px solid #fff;
color: #fff;
font-style: italic;
margin-bottom: 10px;
text-align: center;
}
.newsletter input[type="email"] {
margin-bottom: 20px;
}
.newsletter input[type="submit"] {
background-color: transparent;
border: 1px solid #fff;
color: #fff;
}
.newsletter input:hover[type="submit"] {
background-color: #fff;
border: 1px solid #fff;
color: #000;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment