Skip to content

Instantly share code, notes, and snippets.

@jetsloth
Created September 15, 2022 10:22
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jetsloth/f007c3e001af32043ba61f78ca039d15 to your computer and use it in GitHub Desktop.
Save jetsloth/f007c3e001af32043ba61f78ca039d15 to your computer and use it in GitHub Desktop.
/*Import font*/
@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@900&display=swap');
.newsletter-signup_wrapper {
border: 1px solid #ebebe5;
border-radius: 20px;
background-color: #fafbf8;
background:url('https://images.unsplash.com/photo-1509624776920-0fac24a9dfda?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2369&q=80');
padding: 80px;
background-size:cover;
}
/*Form title*/
.newsletter-signup_wrapper h2.gform_title {
font-size: 40px;
text-align: center;
font-weight: bold;
font-family: 'Merriweather', serif;
letter-spacing: -1px;
margin: 20px 0 10px;
}
/*Title description*/
.newsletter-signup_wrapper span.gform_description {
text-align: center;
display: block;
}
/*Submit button*/
.newsletter-signup_wrapper .gform_button.button {
background: black;
border: none;
color: white;
font-weight: 900;
padding: 20px 60px;
border-radius: 10px;
font-size: 17px;
}
.newsletter-signup_wrapper .gform_button.button:hover {
background: black;
cursor:pointer;
}
/*Privacy text*/
.newsletter-signup_wrapper .gfield_description {
color: #70706e;
text-align: center;
margin: 10px auto;
}
/*Email input */
.newsletter-signup_wrapper.gform_wrapper .email .ginput_container_email input[type="email"] {
border:none;
border-radius:10px;
font-size:18px;
box-shadow:
3.5px 4.5px 3.6px rgba(0, 0, 0, 0.007),
9.6px 12.5px 10px rgba(0, 0, 0, 0.01),
23.2px 30.1px 24.1px rgba(0, 0, 0, 0.013),
77px 100px 80px rgba(0, 0, 0, 0.02);
padding:20px;
font-style:italic;
text-indent:15px;
margin-top: 20px;
}
/*Hide Email lable */
.newsletter-signup_wrapper .email label.gfield_label {
display:none;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment