Avada Theme Blog Element: How to Remove or Change Featured Image Hover Effect
|

Avada Theme Blog Element: How to Remove or Change Featured Image Hover Effect

Avada Theme is a popular WordPress theme that offers various customization options, including the ability to add featured images to your blog posts. By default, when you hover over a featured image in the blog element, it displays a hover effect. This effect includes an overlay with the post title, post date, and a link…

How to Quickly Fix Font Awesome Icon Problems in Avada Theme
|

How to Quickly Fix Font Awesome Icon Problems in Avada Theme

Are you facing the broken Font Awesome icon issue on your Avada theme website after migrating it from one server to another or from a production server to a staging server? This can be a frustrating issue, but don’t worry, it’s an easy fix. In this post, we will guide you through the steps to…

How to Fix Blurry Background Images in the Adava Theme on WordPress
|

How to Fix Blurry Background Images in the Adava Theme on WordPress

The Adava Theme on WordPress is a popular choice for many website owners. One of the common issues faced by users of this theme is a blurry background image or small image size. If you’re experiencing this issue, don’t worry, as it can be fixed easily. In this blog post, we will guide you through…

Avada – Change fusion tabs heading position in mobile layout
| |

Avada – Change fusion tabs heading position in mobile layout

Avada fusion tabs, the horizontal tabs work well on a desktop when viewed on mobile the tabs become vertical (which is good) but the content appears under the specific tabs pushing the rest above and/or below the open contents (which is bad). Many mobile users may not even realize that there are more tabs if they…

Paid Membership Pro – Styling the Checkout Page
| |

Paid Membership Pro – Styling the Checkout Page

I use Avada Theme to design my website and Fusion Builder for page design. I place all my custom CSS for the style Paid Membership Pro Member Checkout form in the Fusion Builder custom CSS section (see the image below). form.pmpro_form > div{ margin: 30px 0; } #pmpro_form .pmpro_checkout h3{ display: block; font-size: 32px; color:…

How to change revolution slider background color opacity
| |

How to change revolution slider background color opacity

.rev_slider .slotholder:after { width: 100%; height: 100%; content: “”; position: absolute; left: 0; top: 0; pointer-events: none; background: rgba(255, 255, 255, 0.5); } Can do the same for section background image, just need to add a class to the container and put the .classname in place of .rev_slider .slotholder