Skip to content

Instantly share code, notes, and snippets.

View gspice's full-sized avatar

Ginger Coolidge gspice

  • GSC Solutions LLC
  • Lincoln City, Oregon
View GitHub Profile
@gspice
gspice / home-featured-post-amplified.scss
Last active September 18, 2017 04:53
Styling for adding the Genesis Featured Widget Amplified plugin to Utility Pro 1.3.x (developer license)
/* Home Featured Post widget -
using Genesis Featured Widget Amplified plugin
--------------------------------------------- */
.home-featured-posts .featuredpost {
clear: both;
}
.home-featured-posts .featuredpost .widgettitle {
border-top: 1px solid lighten($black, 11);
background-color: $white;
@gspice
gspice / home-featured-post-widget.css
Last active September 18, 2017 04:53
Styling for adding the Genesis Featured Posts widget to Utility Pro 1.3.x (personal license)
*/
/* Home Featured Post widget -
using default Genesis Featured Posts widget
--------------------------------------------- */
.home-featured-posts .featured-content {
clear: both;
}
.home-featured-posts .featured-content .widgettitle {
border-top: 1px solid #1c1c1c;
@gspice
gspice / home-featured-post-widget.scss
Last active September 18, 2017 04:54
Styling for adding the Genesis Featured Posts widget to Utility Pro 1.3.x (developer license)
/* Home Featured Post widget -
using default Genesis Featured Posts widget
--------------------------------------------- */
.home-featured-posts .featured-content {
clear: both;
}
.home-featured-posts .featured-content .widgettitle {
border-top: 1px solid lighten($black, 11);
background-color: $white;
@gspice
gspice / _header-scss
Created March 6, 2017 00:41 — forked from jdelia/_header-scss
Adding SVG Logo to Utility Pro theme
.header-image .site-title a {
background: url(images/logo.svg) center center no-repeat;
float: left;
min-height: 60px;
width: 100%;
@include media($medium-screen-up) {
background-position: left center;
}
}
<?php
/**
* Genesis Sample.
*
* This file adds functions to the Genesis Sample Theme.
*
* @package Genesis Sample
* @author StudioPress
* @license GPL-2.0+
* @link http://www.studiopress.com/
@gspice
gspice / circular-images.css
Created November 16, 2016 23:29
The output of the scss version of this gist.
.img-circular-about-us-1 {
width: 100%;
height: 220px;
background-image: url(/wp-content/uploads/2016/02/2012-card-insert.jpg);
background-size: cover;
display: block;
margin: 10px 0;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
@gspice
gspice / circular-images.scss
Last active November 16, 2016 23:28
Styling used to implement circular images on my About page. Specifically styled for iPhone 6/7 and +Plus mobile screens.
.img-circular-about-us-1 {
width: 100%;
height: 220px;
background-image: url(/wp-content/uploads/2016/02/2012-card-insert.jpg);
background-size: cover;
display: block;
margin: 10px 0;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
@gspice
gspice / responsive-menu-args-comment-nav-footer.js
Created June 14, 2016 21:46
This file is part of Utility Pro version 1.3.0 and higher: js/responsive-menu-args.js. I commented out the nav-footer portion so my footer menu remained in-line on my website.
@gspice
gspice / require-google-fonts.php
Created May 25, 2016 19:17
Add this to your functions.php file to separate your enqueuing of google fonts to a new file.
// Separate file contains the Google fonts to load for this theme.
require get_stylesheet_directory() . '/includes/google-fonts.php';
@gspice
gspice / gsc-google-fonts.php
Last active February 23, 2017 04:51
Rewritten google-fonts.php file that ships with the Utility Pro theme.
<?php
/**
* This file contains all font families used and included in an array that builds a fonts url dynamically.
*
* @package Utility_Pro customized for gingercoolidge.com
* @author Ginger Coolidge
* @license GPL-2.0+
*/
add_action( 'wp_enqueue_scripts', 'utility_pro_enqueue_fonts' );