Meredith

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

Leave a Comment / Avada Theme Tips & Snippets

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 »

Add shadow text to Fusion Slider

Leave a Comment / GreenixDesign Blog Resource

Log into WordPress and navigate to: ‘Avada’ > ‘Theme Options’ > ‘Custom CSS’. In the Custom CSS field enter this text: /* fusion slider font styling*/ .tfs-slider .slide-content-container .fusion-sep-none h2, .tfs-slider .slide-content-container .fusion-sep-none h3{ text-shadow: 2px 2px 2px #000000; } Set the ‘text-shadow’ property to whatever you want. In this example it’s set to 2px

Add shadow text to Fusion Slider Read More »

Give your title bar text a shadow in WordPress Avada theme

Leave a Comment / Avada Theme Tips & Snippets, WordPress

Log into WordPress and navigate to: ‘Avada’ > ‘Theme Options’ > ‘Custom CSS’. In the Custom CSS field enter this text: /* page title bar font styling*/ .fusion-page-title-bar .fusion-page-title-row h1 { text-shadow:2px 2px 2px #000000; } Set the ‘text-shadow’ property to whatever you want. In this example it’s set to 2px pixels and black shadow.

Give your title bar text a shadow in WordPress Avada theme Read More »

Leave a Comment / Avada Theme Tips & Snippets, WooCommerce

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

3 Comments / Avada Theme Tips & Snippets, WordPress

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 »

WooCommerce Custom “Add to Cart” URLs

Leave a Comment / GreenixDesign Blog Resource, WooCommerce

Add One Simple Product to Cart href=”https://yourdomain.com/?add-to-cart=14″ Now, make sure to change the domain name in the link, and the button will work out of the box. 1 product with ID=14 will be added to cart. Add One Simple Product to Cart with Quantity = 3 href=”https://yourdomain.com/?add-to-cart=14&quantity=3″ 1 product with ID=14 and quantity = 3

WooCommerce Custom “Add to Cart” URLs Read More »