Skip to content

Instantly share code, notes, and snippets.

View DigitalEssence's full-sized avatar

Hedley Phillips DigitalEssence

View GitHub Profile
@DigitalEssence
DigitalEssence / gist:f101fe6893fc4777c737
Last active August 29, 2015 14:15
CSS - Full Screen background image
/* add a fixed, full screen background image */
html {
background: url(/wp-content/uploads/2015/04/background.jpg) no-repeat left top fixed!important;
-webkit-background-size: cover!important;
-moz-background-size: cover!important;
-o-background-size: cover!important;
background-size: cover!important;
}
@DigitalEssence
DigitalEssence / gist:55575d8725997c3c55dd
Created February 18, 2015 10:35
WordPress - Enfold - Make the Content full width of a boxed layout
/* Make the content full width of the boxed section */
.container_wrap.fullsize .container {
padding-left: 0px !important;
padding-right: 0px !important;
}
@DigitalEssence
DigitalEssence / gist:1bb742955ff8960cfe39
Created February 18, 2015 10:36
CSS - Enfold - Change current page menu link colour
/* Change current page menu colour */
.header_color .main_menu ul:first-child > li.current-menu-item > a, .header_color .main_menu ul:first-child > li.current_page_item > a {color: #fff!important;}
@DigitalEssence
DigitalEssence / gist:d238bbb5cb6ebc6dd338
Created February 18, 2015 10:37
CSS - Enfold - Remove default background on hover in footer links
.widget_nav_menu ul:first-child>.current-menu-item, .widget_nav_menu ul:first-child>.current_page_item, .widget_nav_menu ul:first-child>.current-menu-ancestor {
padding-left: 0;
left: 0;
box-shadow: none;
background-color: transparent!important;
}
@DigitalEssence
DigitalEssence / gist:cc5e6bd4ee53bc1fc54b
Created February 18, 2015 10:40
CSS - Add a border and drop shadow to an element
.av-catalogue-image {
border-radius: 0;
width: 490px;
height: 340px;
/*This adds the border, in this a 5px white border */
padding: 5px;
/*This adds the drop shadow */
-webkit-box-shadow: 6px 6px 20px -1px rgba(189,189,189,1);
-moz-box-shadow: 6px 6px 20px -1px rgba(189,189,189,1);
box-shadow: 6px 6px 20px -1px rgba(189,189,189,1);
@DigitalEssence
DigitalEssence / gist:7bae0ce6fed5a85ef77b
Created February 18, 2015 10:47
CSS - Responsive background image
#newsletter_sign_up {
max-width: 272px;
height: 329px;
background-image: url("/wp-content/uploads/2015/01/newsletter_signup.png");
background-size: 100% 100%;
}
@DigitalEssence
DigitalEssence / CSS - Enfold: underline first menu item and add hover underline
Last active July 18, 2016 11:38
CSS - Enfold: underline first menu item and add hover underline
.header_color .main_menu ul:first-child > li.current-menu-item > a, .header_color .main_menu ul:first-child > li.current_page_item > a {color: #2B2D2C!important; border-bottom: 6px solid #2B2D2C!important;}
.header_color .av-subnav-menu a:hover,.header_color .main_menu ul:first-child > li a:hover,.header_color .main_menu ul:first-child > li.current_page_item > a,.header_color .main_menu ul:first-child > li.active-parent-item > a{border-bottom: 6px solid #2B2D2C!important;}
@DigitalEssence
DigitalEssence / gist:06ba41b4be3e5a6b8ae9
Created April 2, 2015 15:53
CSS - Enfold - Align images vertically with text
.avia-image-container-inner {margin-top: 15px!important;}/*align images with text*/
@DigitalEssence
DigitalEssence / gist:93ee7fa4b14b18322a53
Created April 23, 2015 18:52
CSS - Enfold - WooCommerce - Remove product buttons opacity
.avia_cart_buttons{opacity: 1;}
@DigitalEssence
DigitalEssence / gist:c097e0571963828945fe
Created April 26, 2015 17:05
WordPress - WooCommerce - Change empty cart redirect button
<?php
//Change WooCommerce return to cart link
function change_empty_cart_button_url() {
return "/classes/";
}
add_filter( 'woocommerce_return_to_shop_redirect', 'change_empty_cart_button_url' );
?>