Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
When trying to modify CSS code already provided in a CSS file, page does not reflect the changes until saving.
But when adding new CSS rules in the editor, those rules are reflected live on the page.
Comments
Comment #1
guybedford CreditAttribution: guybedford commentedI haven't had this issue before. Which browser are you using when you get this?
Is this happening with LESS or CSS?
Any further information appreciated to reproduce.
Comment #2
hles CreditAttribution: hles commentedI use Chrome and and atm I only try to edit CSS files as I still have a few issues with that. I'm not sure why this is the case yet as I've not tried to debug it yet, but I will give you more information and try to reproduce it in other browsers to start.
Comment #3
hles CreditAttribution: hles commentedCreate an empty CSS file, add it to .info file, add a simple rule like a { color: #f4f }, and save.
Now if I try to change the color live, I won't see the color change on the page. But adding another CSS property like a { color: #f4f; margin: 30px; } will display the margin change live.
I have no javascript errors on the page and I can see the editor parsing the editing live (css syntax errors are shown live).
Comment #4
guybedford CreditAttribution: guybedford commentedCan you view the page source and let me know if the css file is included in a
tag through an import or if it is being inserted as a link element?Comment #5
hles CreditAttribution: hles commentedOh, looking at the page source, I see that I overlooked the extension of the file. In fact the file was displayed in the editor as a .css file in the list when it was .less file actually. And this is because LESS preprocessor module was still enabled.
Let's close this issue as it actually looks like it works.