Avada Theme Tips & Snippets

How to change the heading background’s transparency at the Fusion Slider.

When creating your Fusion Slide, the description says “Select this option if you would like a semi-transparent background behind your heading”. This shows you how to adjust the level of transparency or change it to opaque. Avada > Theme options > Custom CSS For 80% opacity .fusion-title-sc-wrapper{background-color: rgba(255,255,255,0.8) !important} or for 100% background opacity .fusion-title-sc-wrapper{background-color: …

How to change the heading background’s transparency at the Fusion Slider. Read More »

When it comes to selling products with your Avada website, the WooCommerce eCommerce plugin is king. The Automattic-owned giant is the most widely used WordPress e-commerce solution in existence, currently powering over 30% of all online stores. However, because of how great it looks out of the box, it’s very tempting to stick with the default display …

Read More »

Avada Theme CSS Tricks

How to make the logo appear to hang beneath the main menu bar in Avada Theme

You can have a logo drop beneath the menu bar to give it some depth by adding following custom css. Theme options -> custom css .fusion-logo { margin-top: -5px !important; margin-right: 0px; margin-bottom: -42px !important; margin-left: 0px; } Click “Save all changes”, clear your browser cache and see difference on front-end. You can adjust the …

How to make the logo appear to hang beneath the main menu bar in Avada Theme Read More »