robhob’s gists

robhob / breadcrumbs.css

Created January 25, 2018 11:49

	/* Breadcrumbs */
	@media only screen and (max-width: 1400px) {
	.breadcrumb {
	display:none !important;
	}
	}

	.breadcrumb a {
	color: #ffffff;
	}

robhob / place-buttons-side-by-side.css

Created January 5, 2018 09:22

	.btn-inline .et_pb_button_module_wrapper {
	display: inline-block;
	margin: 0 5px;
	}

	.btn-inline {
	text-align: center !important;
	}

robhob / grid-zoom.css

Last active January 9, 2018 11:27

Create a row with as many columns as you want, give each column the CSS Class name of my_col. Under the Advanced tab of the row go to the Custom CSS section and add border: 1px solid #eaeaea; to the main element of each columns custom CSS. Add the CSS of this gist to your custom CSS.

	/* For when the mouse moves on to the image */
	.brands img:hover {
	-webkit-transform: scale(.65) translateY(-4px);
	-ms-transform: scale(.65) translateY(-4px);
	transition: all .4s ease-in-out;
	transform: scale(1.2) translateY(-4px);
	}

	/* For when the mouse moves off the image */
	.brands img {

robhob / video-download.css

Created December 7, 2017 09:32

	video::-internal-media-controls-download-button {
	display:none;
	}
	video::-webkit-media-controls-enclosure {
	overflow:hidden;
	}
	video::-webkit-media-controls-panel {
	width: calc(100% + 30px); /* Adjust if necessary */
	}

robhob / simple-divi-shortcoder.php

Last active November 22, 2017 03:15

	<?php
	/*
	Plugin Name: Simple Divi Shortcoder
	Plugin URI: https://divinotes.com/how-to-build-a-simple-plugin-to-easily-embed-divi-section-module-within-another/
	Description: The purpose of this plugin is to allow you to embed Divi sections or modules within other Divi modules or anything else that supports shortcodes.
	Version: 1.0
	Author: Your Name
	Author URI: https://divinotes.com
	License: GPL2

robhob / static-slider-text.css

Created November 9, 2017 12:00

animation-name: none;

robhob / hamburger-text.css

Last active November 4, 2017 05:19

	/* Place the word MENU after the mobile hamburger */
	.mobile_menu_bar:after {
	content: 'MENU';
	position: relative !important;
	bottom: 10px;
	left: 10%;
	color: #c4c4c4;
	}

	/* Change the hamburger to X when opened */

robhob / center-text.css

Last active March 27, 2018 16:06

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;

robhob / zoom-pricing-table.css

Created September 15, 2017 06:43

	.et_pb_pricing_table:hover {
	transform: scale(1.1);
	-ms-transform: scale(1.1); /* IE 9 */
	-webkit-transform: scale(1.1); /* Chrome, Safari, Opera */
	z-index: 99;
	transition-duration: 3s; /* Specifies how many seconds or milliseconds a transition effect takes to complete. */
	-webkit-transition-duration: 5s; /* Safari */
	}

robhob / switch-divi-mobile-logo.css

Last active January 9, 2018 11:27

	/* Switch Divi Logo on Mobile Devices */
	@media only screen and (max-width: 981px) {
	#logo {
	content: url(“http://mydomainname.com/wp-content/.../MyMobileLogo.png”);
	max-height: 160px;
	height: auto; /* default value - the browser calculates the height */
	}
	}

	/* Restrict the width of the logo if necessary */