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
Genesis move post title below image
Byrazworks
// Move image above post title in Genesis Framework 2.0 remove_action( ‘genesis_entry_content’, ‘genesis_do_post_image’, 8 ); add_action( ‘genesis_entry_header’, ‘genesis_do_post_image’, 8 );
SSL htaccess redirect
Byrazworks
RewriteEngine On RewriteCond %{HTTPS} off RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]
Repsonsive Video embed
Byrazworks
This is the standard CSS for making video embeds responsive. The CSS <style> .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } </style> The iframe wrapper <div class=”video-container”> <iframe width=”1280″ height=”720″ src=”https://www.youtube.com/embed/GY25hkrZyZA?rel=0&showinfo=0″ frameborder=”0″…
Remove Browser Meta Title Tooltips
Byrazworks
Meta Title tooltips are default browser behaviors. Current research shows that the only way to hide the tooltip, is to hide the Meta Title, which would devastate a website’s SEO. In the rare event that a client wants the tooltips hidden, hiding the meta title upon rollover with JS would be one way to satisfy…
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; }
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’}); });