Avada Forums Community Forum 7.9 overrides custom CSS

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • IvanRoyale
    Participant
    Post count: 5

    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?

    IvanRoyale
    Participant
    Post count: 5

    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>

    IvanRoyale
    Participant
    Post count: 5

    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);
    }

    IvanRoyale
    Participant
    Post count: 5

    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.

    Ammar. S
    Keymaster
    Post count: 2549

    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

    jeremybermender
    Participant
    Post count: 2

    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/

    tomiobi
    Participant
    Post count: 5

    +1, we have the same issue.

    Sohaib Muzammal
    Keymaster
    Post count: 26

    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
    – Sohaib

    BuroBrein
    Participant
    Post count: 1

    We 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.

    doubledcreative
    Participant
    Post count: 2

    Similar issues for myself, many broken elements, all due to custom CSS in the child theme.

    ivionics
    Participant
    Post count: 1

    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.

    drpat
    Participant
    Post count: 5

    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

Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.