Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
setTimeout( function () { function positionBanner( $container ) { /** * Javascript to fine tune position of banner according to position coordinates. */ // extract position parameters var offsetY = 0, offsetX = 0, $wpbBannerImage = $container.find( '.wpb-banner-image' ), centerX = $wpbBannerImage.data( 'pos-x' ), centerY = $wpbBannerImage.data( 'pos-y' ); // reset translations applied by css $wpbBannerImage.css( { transform: 'translate(0)', MozTransform: 'translate(0)', WebkitTransform: 'translate(0)', msTransform: 'translate(0)', 'margin-left': 0, 'margin-top': 0 } ); // Adjust focus if ( centerX !== undefined ) { offsetX = 0.5 * centerX * 100; offsetY = 0.5 * centerY * 100; } // shift the banner horizontally and vertically by the offsets calculated above $wpbBannerImage.css( { 'margin-top': offsetY + '%', 'margin-left': offsetX + '%' } ); } var $wpbBannerImageContainer = $( '.wpb-topbanner' ); positionBanner( $wpbBannerImageContainer ); }, 1000 );