Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #931964

    The loading order of the css is messing up our css.
    We do not want to disable it as suggested here:
    https://kriesi.at/support/topic/disable-new-minify-merging-for-css-and-js-avia-merged-styles/#post-921266

    How can we fix this issue and will the loading order of the css be fixed in the next update?

    Hope to hear from you soon.

    #932788

    Hey hotspot,

    Can you elaborate more on the issue and how can we see this issue? can you give us a link where we can see it and what specific loading order do you want to have?

    Best regards,
    Nikko

    #954013

    Hi Nikko,

    We hoped this would be fixed in 426 but unfortunately it still is not.

    We noticed that our custom css styles are overruled by the avia-merged-styles css file.

    For instance the ‘background-color’ we set in out custom.css here:
    .avia-button.avia-color-orange {
    background-color: #f15b22;
    }

    is overruled by the avia-merged-styles

    .avia-button.avia-color-orange, .avia-button.avia-color-orange:hover {
    background-color: #edae44;
    }

    This is going since the last 2 or 3 updates.
    How can we resolve this?

    #954015

    The strange thing is that the avia-merged-styles is loaded from this location, seems weird, but also in the current (older enfold theme version) this seems to be the case:
    …/wp-content/uploads/dynamic_avia/avia-merged-styles-9d9b4a6c09c7fc369ac25b1d35e95edc.css?ver=4.9.5

    #954586

    Hi hotspot,

    Have you tried to update it to the latest version 4.3.1?
    This should have a backend option (Enfold > Performance) where you can disable it.

    Best regards,
    Nikko

    #960343

    Hi Nikko,

    Sorry but i don’t understand it what can be disabled in the latest version?

    The custom.css file should always overrule al the other styles, correct!? If that is so, why is it now overruled by the avia-merged-styles ??

    #960600

    Hi hotspot,

    No, that’s not correct, custom.css overrule only css styles found in the enfold theme folder but styles in Enfold Theme Options like General Styling, Advanced Styling and Quick CSS will overrule all external stylesheets that includes custom.css.

    Best regards,
    Nikko

    #960684

    Hi nikko,

    So what do you suggest to do now?

    #960924

    Hi hotspot,

    My suggestion is either use Quick CSS in Enfold > General Styling.
    If you still wanna use Quick CSS custom css then add more specificity weight on your selector, you can check this post for more information: https://css-tricks.com/specifics-on-css-specificity/

    Best regards,
    Nikko

    • This reply was modified 1 year, 6 months ago by  Nikko.
    #961403

    Hi Nikko,

    Thanks for your suggestion. But it feels a bit as a work around having to do it this way. Since the custom.css is especially developed to add your overruling styles in right….!?

    #961621

    Hi hotspot,

    I modified my answer I called custom css Quick CSS on the 2nd line, I apologize for it. However, this is how it works, custom css is supposed to overrule styles that are existing already in the theme files however generated styles from General Styling or Advanced Styling should overrule everything including all external stylesheets which also includes custom css which takes the highest priority among external stylesheets. And the only way to for custom css to overrule it is to have heavier weight in the specificity of it’s selector or the use of !important.

    Best regards,
    Nikko

Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.