Dear support-Team and participants,
sometimes the styles.css in the enfold child folder is out of function and I have to write CSS into the quick CSS fieild within the theme to make it work. Do you have any idea for me?
Thanks in advance
FW
Hey KMC22,
Where can we see and reproduce the problems you are having?
Best regards,
Rikard
Hey Rikard,
you can see it under the attached URL: When I put new CSS into the Quick CSS-Field, it works. If I move it to the styles.css in the child theme’s folder, it doesn’t work. But other older CSS commands in styles.css do still work …
Best
FW
Hi,
Thanks for that. Could you point out something specific which is not working please?
Best regards,
Rikard
Hello,
yes, for example, the following CSS is placed in styles.css at the moment. It doesn’t work. When I copy it to the quick CSS-field of the theme, it works immediatley:
h2.avia-caption-title {
align: center !important;
font-family: “fwbx-font-1” !important;
font-size: 60px !important;
}
Best
FW
Hi,
Perhaps your child theme stylesheet has errors try ching with CSS LINT
Also try disabling your Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression and enabling Enfold Theme Options ▸ Performance ▸ Delete old CSS and JS files and if the child theme stylesheet then works enable the Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression again and clear your browser cache.
Please note that testing with iPads & iPhones can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.
Best regards,
Mike
Hi Mike,
thank you so far. I’m going to try all the steps and come back if it’s working.
Best
FW