Tagged: 

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • March 23, 2018 at 1:44 pm #931964
    hotspot

    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.

    March 26, 2018 at 5:48 am #932788
    Nikko

    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

    May 9, 2018 at 4:03 pm #954013
    hotspot

    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?

    May 9, 2018 at 4:05 pm #954015
    hotspot

    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

    May 10, 2018 at 2:44 pm #954586
    Nikko

    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

    May 22, 2018 at 1:50 pm #960343
    hotspot

    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 ??

    May 23, 2018 at 3:04 am #960600
    Nikko

    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

    May 23, 2018 at 9:25 am #960684
    hotspot

    Hi nikko,

    So what do you suggest to do now?

    May 23, 2018 at 4:28 pm #960924
    Nikko

    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 6 years, 7 months ago by Nikko.
    May 24, 2018 at 10:19 am #961403
    hotspot

    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….!?

    May 24, 2018 at 4:09 pm #961621
    Nikko

    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

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