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’}); });
Remove Images from WooCommerce pages
ByRazworks
single Product Pages Here’s a handy tutorial on removing product images from the single WooCommerce product page. The basic idea is that we’ll want to remove the action that adds WooCommerce images. We can do so by adding this snippet into our child functions.php or the Code Snippets plugin: 1 2 // Remove image from…
iOS specific CSS
ByRazworks
To target iOS specific devices: @supports (-webkit-overflow-scrolling: touch) { /* CSS specific to iOS devices */ } @supports not (-webkit-overflow-scrolling: touch) { /* CSS for other than iOS devices */ } It works because only Safari Mobile implements -webkit-overflow-scrolling: https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-overflow-scrolling I used this because a WordPress Genesis responsive menu had some icon alignment discrepancies on iPhone only. Here is…
Adwords Call Forwarding testing
ByRazworks
How to test if Google Adwords Call Forwarding is working on a website? Add the following to the end of the url string: #google-wcc-debug Then click “Force” in the Google AdWords Website Call Conversions debug window .
Reposition Genesis header right widget
ByRazworks
//Custom Header function sample_genesis_do_header() { global $wp_registered_sidebars; if ( ( isset( $wp_registered_sidebars[‘header-right’] ) && is_active_sidebar( ‘header-right’ ) ) || has_action( ‘genesis_header_right’ ) ) { genesis_markup( array( ‘html5’ => ‘ ‘, ‘xhtml’ => ‘ ‘, ‘context’ => ‘header-widget-area’, ) ); do_action( ‘genesis_header_right’ ); add_filter( ‘wp_nav_menu_args’, ‘genesis_header_menu_args’ ); add_filter( ‘wp_nav_menu’, ‘genesis_header_menu_wrap’ ); dynamic_sidebar( ‘header-right’ ); remove_filter( ‘wp_nav_menu_args’,…
Contact Form 7 in Google Tag Manager
ByRazworks
Contact Form 7 on WordPress with Google Tag Manager