Avada › Forums › Community Forum › 7.9 overrides custom CSS
Tagged: Avada 7.9 major and minor bugs
-
AuthorPosts
-
I just updated to Avada 7.9 and the .fusion-text style now overrides much of my custom CSS. How can I disable this without adding !important to all my styles?
Hey Avada – looking at this a little further, I found in Avada 7.9 that the .fusion-text class, which is applied to all Text Block elements, now overrides a lot of custom CSS. Because my site uses 100% custom CSS, this broke a lot of things. I hope you guys will fix this.
Here’s my temporary fix for others facing this problem. I added a custom javascript to remove the .fusion-text class from all elements. It’s not ideal because it creates a flash of unstyled content.
In the custom code field here:
Avada > Options > Advanced > Code Fields (Tracking etc.) > Space before </body><script>
jQuery(‘.fusion-text’).removeClass(‘fusion-text’);
</script>Specifically, these are the styles that are breaking my site. I’d love to see a toggle button that just stops the theme from applying them. Maybe there is and I just haven’t found it yet?
.fusion-text {
text-align: var(–awb-content-alignment);
font-size: var(–awb-font-size);
line-height: var(–awb-line-height);
letter-spacing: var(–awb-letter-spacing);
text-transform: var(–awb-text-transform);
color: var(–awb-text-color);
font-family: var(–awb-text-font-family);
font-weight: var(–awb-text-font-weight);
font-style: var(–awb-text-font-style);
margin: var(–awb-margin-top) var(–awb-margin-right) var(–awb-margin-bottom) var(–awb-margin-left);
}Wow, I just discovered that the damage is much worse than I initially thought. My site uses a custom post type, and those pages aren’t working at all under Avada 7.9. Not a CSS problem – the post content just isn’t loading with the page.
Hello @IvanRoyale
We have refactored almost 60+ Avada elements to boost performance of the site and removed inline styling, with that being the case the specificity of the CSS might be changed depending on how your custom CSS is setup, however any custom CSS that is placed inside Avada > Global Options > Custom CSS Tab will overwrite your current element CSS and that is how it should work.
To learn more about the hierarchy of CSS and how it impacts any specific element please check this article => https://www.w3schools.com/css/css_specificity.asp
Regarding the custom post type, there should be no issues as far as CPT is registered properly, this will however require our team to take a closer look into your site specifically.
Thanks
-Ammar
I’m having the same problem, none of my pages that use the Custom Post Type UI plugin (https://wordpress.org/plugins/custom-post-type-ui/) are working – the post shows up in mobile mode and say there is a “critical error”
See live example here: https://ccdallasstagin.wpengine.com/bio/thomas-w-codd/
Hi,
If you have a child theme, can you please try switching to parent Avada theme and check If you still get the critical error on https://ccdallasstagin.wpengine.com/bio/thomas-w-codd/
Thanks
– SohaibWe have a lot of custom CSS in the child theme style.css on 50+ websites using Avada.
I now have to manually update ALL theses sites and have to fix ALL issues that are caused because of this CSS refactor. Giving my style.css a higher priority with PHP doesn’t fix this problem aswel.Similar issues for myself, many broken elements, all due to custom CSS in the child theme.
It happened to me as well after upgrading from 7.8.2. A lot of custom CSS elements are being overridden by 7.9 update.
I am now having the same issue and I am not using custom CSS. it seemed to happen after 7.92 with corporate template.
we have tried everything and sent in a support ticket but that is not helping my client’s sense of urgency.https://www.dropbox.com/s/z7axcm2wq62cksi/image.png?dl=0
Anyone out there that can help
-
AuthorPosts
- You must be logged in to reply to this topic.
