Avada Theme Tips & Snippets

Remove CSS assets from WooCommerce Blocks and Gutenberg Blocks

Instructions for Remove CSS assets from Gutenberg Blocks & WooCommerce Blocks   add_action( ‘wp_enqueue_scripts’, function() { wp_dequeue_style( ‘wp-block-library’ ); wp_dequeue_style( ‘wp-block-library-theme’ ); wp_dequeue_style( ‘wc-blocks-style’ ); }, 100 );    Log into a staging or locally hosted clone of your site. Install and activate Code Snippets plugin. WP Admin > Snippets > Add New Copy and paste the […]

Remove CSS assets from WooCommerce Blocks and Gutenberg Blocks Read More »

Change Avada Column Order on Mobile with CSS

Mobile First CSS /** * Fix the Staggered Problem for Mobile Stacking Order * * This is a mobile-first approach. */ @media all and (min-width: 767px) { #reverse-cols1 .fusion-builder-row.fusion-row { display: flex !important; flex-flow: wrap; flex-direction: row-reverse; } } You’ll need the rest of the tutorial with screenshots at the link below, thank you @Marklchavez,

Change Avada Column Order on Mobile with CSS Read More »

Change Image Rollover font size and line height in Avada theme

If you would like to change the rollover font-size and line-height in a portfolio grid here’s how with a little CSS. Log into WordPress > Avada > Theme Options > Custom CSS Copy the CSS below into the “Custom CSS” field and click “Save”: fusion-rollover-title { font-size: 44px !important; line-height: whatever; } And if you

Change Image Rollover font size and line height in Avada theme Read More »

Avada Theme How To Set A Custom Permalink For Portfolio Posts

To set a custom permalink structure for portfolio posts, go to the “portfolio” tab in theme options and enter your custom slug in the “Portfolio Slug” field. Just make sure its not the same name as your portfolio. So if your portfolio page is called “portfolio”, your slug could be “portfolio-items”. Once you insert the

Avada Theme How To Set A Custom Permalink For Portfolio Posts Read More »