Tagged: avia-merged-styles
-
AuthorPosts
-
March 23, 2018 at 1:44 pm #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-921266How 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 #932788Hey 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,
NikkoMay 9, 2018 at 4:03 pm #954013Hi 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 #954015The 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.5May 10, 2018 at 2:44 pm #954586Hi 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,
NikkoMay 22, 2018 at 1:50 pm #960343Hi 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 #960600Hi 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,
NikkoMay 23, 2018 at 9:25 am #960684Hi nikko,
So what do you suggest to do now?
May 23, 2018 at 4:28 pm #960924Hi hotspot,
My suggestion is either use Quick CSS in Enfold > General Styling.
If you still wanna useQuick CSScustom 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, 4 months ago by Nikko.
May 24, 2018 at 10:19 am #961403Hi 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 #961621Hi 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 -
AuthorPosts
- You must be logged in to reply to this topic.