Skip to content

Instantly share code, notes, and snippets.

background-color: transparent;
margin-right: 10px;
display: table !important;
position: relative !important;
margin-left: auto !important;
margin-right: auto !important;
position: relative;
padding: 0.2em 1em;
border: 2px solid #BD6982 !important;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: transparent;
font-size: 16px;
font-weight: 600;
line-height: 1.7em !important;
/* Switch mobile logo */
@media only screen and (max-width: 980px) {
#logo {
content: url("/wp-content/uploads/2017/06/your-awesome-mobile-logo.png");
}
}
/* Increased letter spacing on mobile menu */
.et_mobile_menu {
letter-spacing: 2px;
}
/* Increased font size on mobile menu */
.et_mobile_menu li a {
font-size: 18px;
}
/* Increase mobile menu bar height */
.et_header_style_left .mobile_menu_bar {
padding-bottom: 85px;
}
/* Moved hamburger down */
.mobile_menu_bar:before {
top: 35px !important;
}
/* Styling CF7 to look like the Divi Contact Form */
.wpcf7-text, .wpcf7-textarea, .wpcf7-captchar {
background-color: #eee !important;
border: none !important;
width: 100% !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 3px !important;
font-size: 14px;
color: #999 !important;
[one_half]<label>[text* your-name placeholder "Name (required)"]</label>[/one_half][one_half_last]<label>[text* your-phone placeholder "Phone (required)"]</label>[/one_half_last]
<label>[email* your-email placeholder "Email (required)"]</label>
<label>[text your-subject placeholder "Subject"]</label>
<label>[textarea your-message placeholder "Your Message"]</label>
[recaptcha]
[submit "Send"]
/* Fixed Flag on Side of Screen */
#fixed-flag {
background: #fff;
position: fixed;
top: 120px;
right: 0;
z-index: 999;
border-radius: 4px 0 0 4px;
}
#fixed-flag a {
<div id="fixed-flag"><a href="http://www.yourgreatsite.com/dealers/"><span>Find your</span><br>Dealer</a></div>