diggeddy’s gists

diggeddy / SlideOut Nav full

Last active July 22, 2018 16:55

Make GP Slideout nav full width.

	#generate-slideout-menu .slideout-menu li {
	text-align: left;
	}

	.slideout-navigation .slideout-menu {
	margin-top: 70px;
	}

	.slideout-widget {
	width: 50%;

diggeddy / Woo Product Tabs Styling

Created August 7, 2018 21:55

Style Woo Tabs in GeneratePress

	/* WOO PRODUCT TABS STYLING */

	.woocommerce div.product .woocommerce-tabs .panel {
	padding: 0 32px 32px;
	}
	.woocommerce div.product form.cart .variations {
	padding: 20px 30px;
	}
	.woocommerce div.product .woocommerce-tabs ul.tabs li a {
	padding: 10px;

diggeddy / WooShopProductAlignment

Created October 18, 2018 12:53

Force titles to 3 lines to align price and button across rows

	.woocommerce ul.products li.product h2 {
	line-height: 2.5ex;
	height: 7.5ex;
	overflow: hidden;
	}

diggeddy / volume author box

Last active February 15, 2024 14:59

Add author box to GP Hook

	<div class="author-box">
	<?php

	global $post;

	$author_id = $post->post_author;

	?>

	<div class="avatar"><?php echo get_avatar( get_the_author_meta( $author_id )); ?></div>

diggeddy / Elementor Price Table Align Height

Created November 17, 2018 00:22

Force same height on all pricing tables in a row and push footer to bottom

	.elementor-widget-price-table, .elementor-widget-price-table>div, .elementor-price-table {
	height: 100%;
	}

	.elementor-price-table {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;

diggeddy / GP Section 2 color flex

Created November 24, 2018 18:00

Create a 2 columns section with background image in second column

	/* Create a 2 column section with background image in seccond colum */
	/* 1 - add Section Class of: flex-col-two */
	/* 2 - Add the following markup to the section in the Text editor */
	<div class="col-one">
	Some content
	</div>
	<div class="col-two">
	some content
	</div>

diggeddy / Volume Custom Post Navigation

Created November 25, 2018 01:30

Add custom featured image post navigation

	/* Volume Custom Post Navigation */
	/* Markup in Hook Element: before_footer / execute PHP / Priority 100 */

	<div id="post-nav">
	<?php global $post;
	$prevPost = get_previous_post(false);
	if($prevPost) {
	$args = array(
	'posts_per_page' => 1,
	'include' => $prevPost->ID

diggeddy / Navigator Style Sheet

Created December 12, 2018 16:26

GeneratePress Navigator Style Sheet

diggeddy / Custom Search Form

Last active December 30, 2018 00:56

WP Custom Search Form

diggeddy / KenBurns.css

Created January 18, 2019 20:10

CSS Add Ken Burns effect to WP Show Posts

	/* Ken Burns effect for WP Show Posts Pro */
	/* Add ken-burns class to container */

	@keyframes kenburns {
	0% {
	opacity: 0;
	}

	5% {
	opacity: 1;

	/* WordPress Custom Search Field */
	/* Use Custom HTML Widget */
	/* Add site-url to action attribute */

	<form method="get" class="custom-search-form" action="site-url">
	<label>
	<span class="screen-reader-text">Search for:</span>

	<input type="search" class="search-field" value="" name="s" title="Search for:">
	<span class="label">Search</span>

David Beckwith diggeddy