Skip to content

Instantly share code, notes, and snippets.

View DigitalEssence's full-sized avatar

Hedley Phillips DigitalEssence

View GitHub Profile
@DigitalEssence
DigitalEssence / WordPress - Enfold - CSS Add border to bottom of full width slider
Created April 26, 2016 14:44
WordPress - Enfold - CSS Add border to bottom of full width slider
#full_slider_1 {border-bottom:10px solid #b7174a;}
@DigitalEssence
DigitalEssence / WordPress - Enfold - CSS - Remove Post thumbnail border
Created February 6, 2016 12:55
WordPress - Enfold - CSS - Remove Post thumbnail border
/* hide border on post preview image*/
.small-preview {background: transparent!important;}
@DigitalEssence
DigitalEssence / WordPress - Enfold - Code - Enable left hand justification on Blog posts
Created February 6, 2016 12:23
WordPress - Enfold - Code - Enable left hand justification on Blog posts
?* This code enables you to replicate the Blog page layout on the demo without having to display a sidebar. The sidebar should still be present though. This code just hides it.
<style type = "text/css">
aside { display: none !important; }
main { width: 100% !important; border-right: 0px !important; }
</style>
@DigitalEssence
DigitalEssence / WordPress - Enfold - CSS - Move scroll to top to the left
Last active February 6, 2016 12:04
WordPress - Enfold - CSS - Move scroll to top to the left
#scroll-top-link {right: auto !important; left: 50px;}
/*Replace with image */
a#scroll-top-link:before {
content: "";
}
a#scroll-top-link {
background-image: url(IMG_URL);
background-color: transparent;
border: none;
@DigitalEssence
DigitalEssence / WordPress - Enfold - CSS - Style short hr colour and circle background
Created January 22, 2016 16:09
WordPress - Enfold - CSS - Style short hr colour and circle background
//WordPress - Enfold - CSS - Style short hr colour and circle background
.hr-inner-style {background: #e9e9e8!important;}
.hr.hr-short * {border-color: #c2c2c2;}
@DigitalEssence
DigitalEssence / WordPress - Enfold - CSS - Add background to mobile menu
Created January 21, 2016 14:40
WordPress - Enfold - CSS - Add background to mobile menu
// WordPress - Enfold - CSS - Add background to mobile menu
ul#mobile-advanced {
background: #E2DFD8;
}
@DigitalEssence
DigitalEssence / WordPress - Enfold - CSS - Add triangle to active menu items
Last active January 21, 2016 14:40
WordPress - Enfold - CSS - Add triangle to active menu items
//WordPress - Enfold - CSS - Add triangle to active menu items
.current-menu-item a:after {
content: ' ';
width: 0px;
height: 10px;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 10px solid #949400;
display: inline-block;
position:absolute!important;
@DigitalEssence
DigitalEssence / WordPress - Enfold - CSS - Remove active and hover underline in menu
Last active January 21, 2016 14:40
WordPress - Enfold - CSS - Remove active and hover underline in menu
//WordPress - Enfold - CSS - Remove active and hover underline in menu
.avia-menu-fx { display: none !important; }
@DigitalEssence
DigitalEssence / WordPress - Enfold - CSS - Menu - remove border, increase spacing and change font
Last active May 5, 2016 18:27
WordPress - Enfold - CSS - Menu - remove border, increase spacing and change font
.av-main-nav > li > a, div#header_main_alternate { border: none !important; padding: 0 20px;
font-size: 16px!important;}
@DigitalEssence
DigitalEssence / gist:f4a42e50cb3c76a05cd0
Created January 20, 2016 16:51
CSS - Enfold - Remove image overlay background opacity
// removes the background image opacity on image links
.image-overlay {background: rgba(90, 59, 59, 0) !important;}