jQuery(function($) { $( document ).ready(function() { if ($('.animatedCounter').length) { $(window).scroll(testScroll); } }); var viewed = false; function isScrolledIntoView(elem) { var docViewTop = $(window).scrollTop(); var docViewBottom = docViewTop + $(window).height(); var elemTop = $(elem).offset().top; var elemBottom = elemTop + $(elem).height(); return…
/*ADD CLIPPING REVEAL FOR FADEIN ANIMATIONS*/ .wpb_animate_when_almost_visible.wpb_fadeInRight.animated img, .wpb_animate_when_almost_visible.wpb_fadeInLeft.animated img { -webkit-clip-path: inset(0 -1px 0 -1px); clip-path: inset(0 -1px 0 -1px); } .wpb_animate_when_almost_visible.wpb_fadeInRight img { -webkit-clip-path: inset(0 0 0 100%); clip-path: inset(0 0 0 100%); transition: -webkit-clip-path .8s cubic-bezier(.45,.05,.15,.93) .2s;…
/*STRETCH COLUMN: APPLY CLASS TO ROW AND SET TO FULL WIDTH NO PADDING AND DEFAULT GUTTER*/ @media only screen and (min-width: 1280px) { .extend-right:not(.ui-sortable) .vc_column_container:first-child, .extend-right .vc_vc_column:first-child { padding-left: calc(100vw + var(--wpex-vc-gutter) - var(--wpex-container-max-width, 980px)); } .extend-left:not(.ui-sortable) .vc_column_container:last-child, .extend-left .vc_vc_column:last-child…
In this example, I used a "portfolio" CPT. Change as needed. /** * add order column to admin listing screen for header text */ function add_new_portfolio_column($portfolio_columns) { $portfolio_columns['menu_order'] = "Order"; return $portfolio_columns; } add_action('manage_portfolio_posts_columns', 'add_new_portfolio_column'); /** * show custom order…
This is the snippet: //hide meta box from portfolio add_filter( 'wpex_main_metaboxes_post_types', function( $types ) { // Add to my custom-type post type //$types[] = 'portfolio'; // Remove from blog posts unset( $types['portfolio'] ); // Return post types array return $types;…
As I wrote in “How to remove unused components from WPBakery” we like to create a small plugin “sodawebmedia-wpbakery” where we add all of our custom WPBakery modules. If you choose not to have a small plugin and prefer to…
Sometimes you just want a simple modal popup for your content, not a new dedicated page. This is how to achieve this: https://allurewebsolutions.com/open-wordpress-post-modal-without-plugin By the way: The total theme already offers a modal popup solution for posts and other content…
Also, it has a color-changing background. Check it out. <!-- https://codepen.io/alvarotrigo/pen/GRvYNax --> <style> @keyframes AnimateBG { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } .context { width: 100%; position: absolute; top:50vh; } .context h1{ text-align: center; color: #fff; font-size: 50px; }…
I wanted to have a checkbox to subscribe to my channel when submitting a formidable form. Fortunately, this is pretty easy with Formidable forms for WordPress. But I am still searching for a way to integrate with Forminator. Note: Formidable…
I love amazing animated or modern innovative websites as I try to be creative myself all the time. So I am constantly on the search for inspiration. Today I deposit some of the nice finds i have made recently: Greenstock…