Hello! I might be doing something wrong here, but I’m having a hard time trying to make Global Styles work. Here’s what’s happening:
When changing the value for both Tablet and Mobile Breakpoints, as well as for the Section Defaults, after updating the page nothing changes on the frontend.
It also reverts back to the default values after refreshing the editor. It happens in both the Block editor as well as in the FSE.
Step-by-step reproduction instructions:
Open the Post Editor/Site Editor
Open Cwicly’s Global Styles Panel
Navigate to Settings > Defaults
Change both Tablet and Mobile breakpoint values (for example 1024px and 767px respectively)
Change Section Defaults:
width: 100%
max-width: 2560px
Padding: top: 0;bottom: 0;left+right: 5%;
Click save and view a refreshed version of the page on the frontend
Check the cc-global-inline-css style. It will remain declaring the same .cc-wrapper{width:90%;max-width:1120px;padding-top:150px;padding-bottom:150px;} rules.
Now refresh the Editor and check the Global Styles > Settings > Defaults panel again. It will show the default values.
This would definitely suggest some type of unusual error happening somewhere.
Would really appreciate if you could send the log to support@cwicly.com so I can take a look at it.
Is this on a live installation?
Hey @Louis
Thanks for the quick response. This one is a very old website, that has “suffered a lot of abuse” before it got to my hands. I’ve been handling it for the past 4 years, and I’m ready to move to using Cwicly to reduce the sheer bloat it has since gathered. So it definitely could be an issue related to this website, or maybe even to its database, which has been recovered from a complete corruption in the past.
In this case I’m testing on a staging environment, with only Cwicly and a couple of plugins installed (but they are mostly operational and security related).
Unfortunately I can’t start from scratch (which seems to work just fine with Cwicly).
I was able to take a quick look, and it seems to be related to your custom theme that somehow removes the Media manager JS on the editor, which then creates errors all along.
If you try setting a WordPress featured image, you’ll see that the Editor crashes.
I’ll take a look a bit later on, but you might have an idea where you’re removing this script?
I’m not really removing any script on my child theme. I’m not sure why this would happen. I’ll try to see if there is some snippet that I might have used, but as far as I can tell all I did was add some stylesheets to my theme. Nothing else. Maybe I need to redeclare enqueueing those scripts?
I did some tests, disabled everything, including the child theme. I’m using only Cwicly v1.2.8.4, and the Cwicly Theme v1.0.3 now. I also disabled any server firewall rule that could be blocking any admin action. I also reinstalled WordPress and Cwicly just in case, and the problem persist…
I’ve sent you the new console.log via e-mail since it’s still quite lengthy.
Thank you for the logs.
There seems to be an issue in your normalize stylesheet which has some parse errors. I deactivated it and all seems good on my side.
I know there are some warnings about the usage of prefixes (mainly from webkit) to fix rendering issues in Safari. But I never though this would trigger a parser error.
In any case, thank you very much for discovering what was causing the issue, and also fixing it. I know you’re a very busy person. If I knew we had this limitation I would never had used those prefixes.
Anyway, I’m not on my computer now, but I’ll check later today and let you know if this solves the issue!
Glad I could help!
No problem with prefixes, Cwicly parses those without any trouble.
But there are errors with some variables and selectors (missing - and stroke*) in your stylesheet which cause the parser to stop.