-
Hi!
I’m having an issue where I’m editing some of my global styles, but when I see the preview or the saved page, the new styles are not reflected.
I have cleared all caches (server and browser), I have also deactivated the caching plugin and all plugins too. And still can see the updated styles.
I also have switched the CSS Print Method, but nothing changes.However, if I remove the global styles from the item, I do see CSS changes on the saved paged. But for some reason is not updating the changes I’m making on the editor.
Thanks for your help.
Denise -
Hi Denise. On the page you shared, which elements on the page have styles which have not been updated?
-
Hi George!
I missed clarifying that. The buttons.
🙂 -
Ok, so
gbp-button--primaryandgbp-button--secondary. Do you actually click on the global styles themselves when you edit them? Do you actually save the page after you make the changes? -
I do!
I see changes reflected on the editor, but once I save the page (I see listed the styles in there to be also saved) I see something else on the actual page. -
Based on the front end, the .gbp-button–primary’s background color is set to grey, and the border-radius is set to 8px.
Can you provide an admin login so we can check the backend?
Let me know 🙂
-
Sure, info added.
Thanks Ying! -
The global styles have correctly generated the CSS.
However, they are not updating on the front end; it’s likely due to cache.
Can you disable the cache plugin to test?
Also check if you have server level cache enabled, if so, clear that.
Let me know how it goes!
-
Hi there!
I’ve tried all that before, and still same issue.I have clear browser cache, server, cloudflare, deactivated my caching plugin and still not working.
Thanks! -
Hum..your site seems to be down, can you check?
-
Everything seems to be working ok on my side.
Wanted to share additional details.I have just updated the button primary style, added margin 30px
.gbp-button–primary {
background-color: var(–accent-2);
color: var(–base-2);
display: inline-flex;
font-size: 1rem;
text-decoration: none;
border: 1px solid var(–accent-2);
border-radius: 30px;
margin: 30px;
padding: 0.75rem 1.5rem
}if I check under generateblocks/global styles CSS, I do see the changes saved.
But once I refresh the page I do not see the updates made.
However, if I remove the global style form the button, and check the page again, I do see the CSS changes on the button.
Does not look to me like a cache issue. :/Thanks for your help and patience.
Denise -
Can you disable all plugins except GP Premium, GB and GB Pro to test? And also swtich back to the parent theme.
I feel like something is conflicting with GB. As this is the initial screen I see when I enter the editor:
https://app.screencast.com/N5ZujfMwPuNATThe button doesn’t have global styles applied in the editor on the initial load, which is very odd. It seems like the global styles are not loaded during the initial load, even in the editor.
Let me know how it goes!
-
Done!
The global styles are still not loaded during the initial load, even in the editor.
But now if I update the CSS is being reflected in the saved page.Getting closer!
Please take a look. -
Is it possible to disable the server level cache to see if that helps with the issue?
-
I have requested to disable it, deleted again my browser cache and still the same on my end.
Would you mind checking? -
I have requested to disable it, deleted again my browser cache and still the same on my end.
Would you mind checking?
- You must be logged in to reply to this topic.