Remove Coupons from Cart with Subscriptions
Remove coupons from cart if there’s a subscription product in it.
How To Hide Full Width Background Images On Mobile for Avada sites
If you wish to hide full_width shortcode background images on mobile devices, please use this custom CSS. Copy and paste it into the CSS field in Theme Options or if it’s specific to a single page you can add it in the code section of the containder ( </> Blue bar) . @media only screen …
How To Hide Full Width Background Images On Mobile for Avada sites 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, …
Avada theme CSS Snippet for a single menu item font
If you want to have a menu item font stand out, such as larger font, try this css snippet. #menu-item-386 span{ font-size: 20px !important; } Of course, just change out the menu item # to match the one you want to edit. You can also change the color, etc. As always you want to add …
Avada theme CSS Snippet for a single menu item font Read More »
How to remove the Previous button in Gravity Forms
You can’t delete the previous button but you can hide it using CSS body .gform_wrapper .gform_body .gform_page_footer .gform_previous_button { display:none } There may be some instances where you just want to hide a particular Previous button or buttons. You would add this to your Custom CSS settings… In your theme CSS file you could add: …
How to remove the Previous button in Gravity Forms Read More »
Easy way to disable Avada sticky header on a single page
Say you are building a landing page and you don’t want the full menu. It’s easy to set an alternate menu in the header for under Avada Page Options, but what about the Sticky Header? With a little snippet of css, you can easily disable that on a per page basis. Visit the page where you’d …
Easy way to disable Avada sticky header on a single page 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 »
Change Avada menu button color in Top Nav
An Avada website client wanted to have a couple of buttons in their Top Nav with matching dropdown menus. Out of the box, Avada doesn’t have an option for per item menu colors like that. But with a little CSS, this is acheivable. When viewing the page source, you can find the unique menu item …
Everything you need to know about ADA web accessibility lawsuits trend in 2020
As the shifting of commerce to the digital sphere has been growing by leaps and bounds, the volume of legal actions in response to the lack of web accessibility on business sites has skyrocketed reaching a tipping point of almost 180% increment in 2018. However, these figures only indicate the number of lawsuits actually filed …
Everything you need to know about ADA web accessibility lawsuits trend in 2020 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 »