Modal Popup
Javascript modal popup on page load, and exit, etc., with Jquery and Bootstrap.
Sources:
JS Onload:
JS Mouseleave:
HTML:
Backdrop Opacity
.modal-backdrop
{
opacity:0.7 !important;
}
Similar Posts
JS Full Window Height
ByRazworks
// Image section height. var windowHeight = $( window ).height(); $( ‘.image-section’ ) .css({‘height’: windowHeight +’px’}); $( window ).resize(function(){ var windowHeight = $( window ).height(); $( ‘.image-section’ ) .css({‘height’: windowHeight +’px’}); });
Genesis archive change H1 to H2
ByRazworks
//*Changing Genesis H1 Post Titles to H2 add_filter( ‘genesis_post_title_output’, ‘ac_post_title_output’, 15 ); function ac_post_title_output( $title ) { if ( is_home() || is_archive() ) $title = sprintf( ‘ %s ‘, apply_filters( ‘genesis_post_title_text’,get_the_title() ) ); return $title; }
Unminify CSS, HTML, and JS
ByRazworks
http://unminify.com/
Center text over image
ByRazworks
.container { position:relative; } .absolute-center { position: absolute; left: 50%; /* horizontal alignment */ top: 50%; /* vertical alignment */ transform: translate(-50%, -50%); /* horizontal, vertical alignment fine tuning; explanation: http://stackoverflow.com/q/36817249 */ }