Skip to content

CSS-Trick: Clipping reveal for fade in left or right in WPBakery

/*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;…

Mehr Lesen

CSS-Trick: Stretch Column to full left or right in WPBakery

/*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…

Mehr Lesen

Add Column to CPT with the menu_order value of a post

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…

Mehr Lesen

Remove total theme metabox from portfolio CPT

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;…

Mehr Lesen

[TUT] How to create a new WPBakery component

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…

Mehr Lesen

Open WordPress Content or Post in modal Window

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…

Mehr Lesen

CSS effect with floating and rotating squares

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; }…

Mehr Lesen

Awesome Websites (mostly CSS)

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…

Mehr Lesen
An den Anfang scrollen