Skip to content

Instantly share code, notes, and snippets.

View ericakfranz's full-sized avatar

Erica Franz ericakfranz

35 followers · 23 following
View GitHub Profile
@ericakfranz
ericakfranz / envira-gallery-publish-date.php
Created March 15, 2016 19:40
Display Envira Gallery publish date in Album view if image count is also displayed.
@ericakfranz
ericakfranz / envira-show-lightbox-nav-arrows.css
Created March 2, 2016 21:42
CSS to make Envira lightbox navigation arrows always visible.
.envirabox-nav span { visibility: visible !important; }
@ericakfranz
ericakfranz / envira-remove-title-attr.html
Created February 26, 2016 18:59
Remove title attribute from Envira Gallery images to prevent it from appearing on hover.
<script type="text/javascript">
jQuery('document').ready(function($){
$('.envira-gallery-image[title]').removeAttr('title');
});
</script>
@ericakfranz
ericakfranz / envira-caption-image-filename-no-ext.php
Created February 26, 2016 00:19
Display image filename (without the extension) as the Caption.
<?php
/**
* Plugin Name: Envira Gallery - Set Captions to Image Filenames (without extension)
* Plugin URI: http://enviragallery.com
* Version: 1.1
* Author: Erica Franz
* Author URI: https://fatpony.me
* Description: Sets Envira Gallery Captions to their image filenames without the file extension
*/
@ericakfranz
ericakfranz / soliloquy-nopin.js
Created February 22, 2016 17:45
Add the data-no-pin attribute to Soliloquy slider images to prevent the Pinterest pin it button from displaying.
jQuery(document).ready(function($) {
$('.soliloquy-container img').attr('data-pin-nopin', 'true');
});
@ericakfranz
ericakfranz / envira-lightbox-dashicons-nav-arrows.css
Created February 15, 2016 20:51
Replace default navigation arrows with Dashicons icons.
/*** Make nav arrows always visible (optional) ***/
.envirabox-nav { visibility: visible !important; }
/* Remove default navigation arrow background images */
.envirabox-nav span { display: none !important; }
/* Make the clickable nav area larger */
.envirabox-nav { width: 30% !important; height: 100% !important; }
/* Add custom Dashicons nav arrows */
@ericakfranz
ericakfranz / envira-lightbox-fontawesome-nav-arrows.css
Last active February 15, 2016 20:46
Replace default navigation arrows with FontAwesome Icons.
/*** Make nav arrows always visible (optional) ***/
.envirabox-nav { visibility: visible !important; }
/* Remove default navigation arrow background images */
.envirabox-nav span { display: none !important; }
/* Make the clickable nav area larger */
.envirabox-nav { width: 30% !important; height: 100% !important; }
/* Add custom FontAwesome nav arrows */
@ericakfranz
ericakfranz / envira-reposition-close-nav-lightbox.css
Last active February 15, 2016 19:20
Reposition the Envira Lightbox close and navigation arrow icons to the outside ege of the browser window.
/* Move the close icon */
.envirabox-close { position: fixed !important; top: 5px !important; right: 5px !important; }
/* Move the prev/next navigation arrows and make them always visible */
a.envirabox-nav span { visibility: visible !important; position: fixed !important; }
.envirabox-prev, .envirabox-next { position: fixed !important; width: 40% !important; }
/* Make sure the prev/next nav arrows are consistently positioned regardless of inside/outside configuration */
.envirabox-prev { left: 0 !important; }
.envirabox-next { right: 0 !important; }
@ericakfranz
ericakfranz / soliloquy-play-pause-buttons.css
Created February 14, 2016 00:55
Modify the Soliloquy play/pause icons.
/* Styles the Play button */
.soliloquy-controls-auto .soliloquy-controls-auto-item a.soliloquy-start {
width: 32px !important;
height: 32px !important;
background-color: rgba(0,0,0,0.7) !important;
background-image: url('YOUR_IMAGE_URL') !important;
background-size: 9px 14px !important;
}
/* Styles the Pause button */
@ericakfranz
ericakfranz / envira-caption-over-image-fade.css
Created February 13, 2016 19:00
Fade image out and show caption on hover.
/* Give the gallery item a background color that will show through when the image is faded, modify as desired */
.envira-gallery-item-inner { background-color: #000 !important; }
/* The opacity of the image on hover */
.envira-gallery-item-inner img.envira-gallery-image.envira-gallery-image:hover { opacity: 0.5 !important; }
/* Position caption and hide it by default */
.envira-gallery-item-inner .caption {
opacity: 0;
position: absolute;