Erica Franz ericakfranz
ericakfranz
/ envira-caption-over-image.css
Last active
February 13, 2016 19:01
Position caption over image and show only on hover.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* Position caption and hide it by default */ | |
| .envira-gallery-item-inner .caption { | |
| opacity: 0; | |
| position: absolute; | |
| top: 50%; | |
| left: 50%; | |
| transform: translate(-50%,-50%); | |
| /* Optional: add transitions so the caption smoothly fades in/out on hover */ | |
| -webkit-transition: opacity 0.5s ease; |
ericakfranz
/ envira-caption-hover-fade.css
Created
February 13, 2016 17:36
Show caption on hover with transition effect.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* Hide Caption, Add Transitions */ | |
| .envira-gallery-item-inner .caption { | |
| opacity: 0; | |
| -webkit-transition: opacity 0.5s ease; | |
| -moz-transition: opacity 0.5s ease; | |
| -o-transition: opacity 0.5s ease; | |
| transition: opacity 0.5s ease; | |
| } | |
| /* Show Caption when hovering over gallery image */ |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* Hide Caption */ | |
| .envira-gallery-item-inner .caption { opacity: 0; } | |
| /* Show Caption when hovering over gallery image */ | |
| .envira-gallery-item-inner:hover .caption { opacity: 1; } |
ericakfranz
/ envira-title-over-image-fade.css
Created
February 13, 2016 17:35
Fade image out and show title on hover.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* 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 title and hide it by default */ | |
| .envira-gallery-item-inner .title { | |
| opacity: 0; | |
| position: absolute; |
ericakfranz
/ envira-title-over-image-hover.css
Created
February 13, 2016 17:33
Position title over image and show only on hover.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* Position title and hide it by default */ | |
| .envira-gallery-item-inner .title { | |
| opacity: 0; | |
| position: absolute; | |
| top: 50%; | |
| left: 50%; | |
| transform: translate(-50%,-50%); | |
| /* Optional: add transitions so the title smoothly fades in/out on hover */ | |
| -webkit-transition: opacity 0.5s ease; |
ericakfranz
/ envira-title-fade-hover.css
Created
February 13, 2016 17:30
Fade in/out image title on hover.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* Hide Title, Add Transitions */ | |
| .envira-gallery-item-inner .title { | |
| opacity: 0; | |
| -webkit-transition: opacity 0.5s ease; | |
| -moz-transition: opacity 0.5s ease; | |
| -o-transition: opacity 0.5s ease; | |
| transition: opacity 0.5s ease; | |
| } | |
| /* Show Title when hovering over gallery image */ |
ericakfranz
/ envira-image-title-hover.css
Created
February 13, 2016 17:28
Show Image Title on Hover
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* Hide Title */ | |
| .envira-gallery-item-inner .title { opacity: 0; } | |
| /* Show Title when hovering over gallery image */ | |
| .envira-gallery-item-inner:hover .title { opacity: 1; } |
ericakfranz
/ tag-filter-links.css
Last active
March 14, 2017 03:56
CSS Selectors for customizing the Envira Gallery Tags Addon tag filter links.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* Style the tags list */ | |
| ul.envira-tags-filter-list { } | |
| /* Style the tags list-items */ | |
| li.envira-tag-filter, | |
| li.envira-tags-filter { } | |
| /* Style the tags link */ | |
| li.envira-tag-filter .envira-tags-filter-link, | |
| li.envira-tags-filter .envira-tags-filter-link { } |
ericakfranz
/ OptinMonsterSocial.js
Created
December 7, 2015 22:34
Generate Share Buttons ( using https://github.com/carrot/share-button ) when the OptinMonsterSocial event is fired.
ericakfranz
/ OptinMonsterPlaceholderDone.js
Created
December 7, 2015 22:33
Write to the console if placeholders are needed.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| jQuery(document).ready(function($){ | |
| $(document).on('OptinMonsterCustomDone', function(event, data, object){ | |
| console.log('Placeholders may be needed.'); | |
| }); | |
| }); |