Skip to content

Instantly share code, notes, and snippets.

View dheckel77's full-sized avatar

David Heckel dheckel77

View GitHub Profile
@dheckel77
dheckel77 / pointer.css
Last active February 3, 2016 22:15
Add a pointer to the bottom of a header in Divi
.pointer
.pointer:before {
right: 50%;
border-right: 100px solid transparent;
border-left: 1000px solid #fff;
}
.pointer:after {
left: 50%;
border-left: 100px solid transparent;
border-right: 1000px solid #fff;
@dheckel77
dheckel77 / header-background.css
Last active February 3, 2016 22:29
Add a Quasi-Transparent Background Image to the Divi Header
#main-header::after {
content: "";
background-image: url('yourimagegoeshere.png');
background-size:cover;
opacity: 0.5;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
@dheckel77
dheckel77 / dividers.css
Created February 3, 2016 22:20
Add Dividers Between Sidebar Widgets in Divi
#sidebar .et_pb_widget {
border-bottom: 1px solid #ddd;
padding-bottom: 20px;
margin-bottom: 20px;
}
#sidebar .et_pb_widget:last-of-type {
border-bottom:0;
}
@dheckel77
dheckel77 / connected-bullets.css
Created February 3, 2016 22:23
Add Connected Bullet Lists
.dots-list {
width: 100%;
}
.dots-list ol {
padding-left: 50px;
position: relative;
margin-bottom: 20px;
list-style: none !important;
}
@dheckel77
dheckel77 / mobile-menu.css
Last active February 3, 2016 22:28
Switch to the Divi Mobile Menu on Desktop Displays
@media only screen and ( min-width:980px ) {
#et_mobile_nav_menu { display:block }
#top-menu-nav { display:none; }
}
/**change these settings if you want to style it**/
.mobile_menu_bar:before {
content: "\61";
@dheckel77
dheckel77 / footer.php
Created February 17, 2016 21:30
Footer with dynamic year
@dheckel77
dheckel77 / featured-events.php
Last active February 28, 2016 21:50
Featured Events Query for The Event Caledar
@dheckel77
dheckel77 / top-phone
Created December 5, 2017 16:04
CSS for custom background on top-phone in Top Menu
.top-phone {
padding: 10px;
padding-right: 24px;
padding-left: 30px;
width: 340px;
background: #6d1f16;
background: -moz-linear-gradient(-45deg, #6d1f16 0%, #d71616 95%);
background: -webkit-linear-gradient(-45deg, #6d1f16 0%,#d71616 95%);
background: linear-gradient(135deg, #6d1f16 0%,#d71616 95%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d1404', endColorstr='#d71616',GradientType=1 );
@dheckel77
dheckel77 / lifter.css
Created December 6, 2017 19:31
lifter for blubs
/*********************************************************************************
Lifter Effect
Based on Geno Quiroz
https://quiroz.co/floating-blurb-module-radial-shadow/
*********************************************************************************/
/* apply the shadow lift to the blurbs, the blog post grid and columns */
.lifter-blurb, .lifter-blog .et_pb_post, .lifter-col {
-webkit-transition: all .3s ease-out !important;
-moz-transition: all 0.3s ease-out !important;
@dheckel77
dheckel77 / flipper.css
Last active December 6, 2017 19:58
flipper blurb
/*******************************************************************
Flipper Blurb
*******************************************************************/
/* this is the description - from the content of the blurb */
.flipper .et_pb_blurb_container p {
text-align:center;
text-transform:none !important;
margin-top:20px;
}