Hi
The Toolset CSS does not seem to be loading on the page in WordPress 7.0.2
See for example this page
hidden link
Where none of the styling is loading in
Thanks
Hi,
Welcome to Toolset support. I created an installation of Toolset with sample data and updated WordPress. The result is this:
hidden link
I can see that CSS is rendered correctly there. Could you please provide more information about the issue you are experiencing? Or, if possible, please log in to the website above and try to see if the same issue occurs there.
Thanks.
Yeah the issue did not occur on another site we updated only this one, very odd as this site is very simple apart from Toolset.
I think it’s an issue with Toolset blocks specifically in views. WordPress blocks CSS seems to render fine in templates but if a view is used in them then the CSS does not render.
Can you let me send over access details? As its specific to this site it seems but I am trying to figure out what it could be.
Hello,
Thank you. Could you please check whether the erratum below might be related to the issue?
https://toolset.com/errata/styles-lost-on-front-end-of-blocks-added-to-the-output-of-a-view-block/
Please follow these steps:
- Edit the View used on that page and disable its caching option.
- Reopen the page containing the View, make a small change to a styled block within the View's output, wait a few seconds for the WordPress autosave to run, and then click "Update."
- Reload the page on the front end and check whether the styling now persists.
If the issue persists, I will be happy to investigate it. After confirming that you have created a backup of your website, please provide the URL, username, and password for your WordPress dashboard.
It is essential that you confirm you have a backup so that you have a restore point in case anything goes wrong.
Please set your next reply as private.
Also, please let me know which page and View I should check.
Thanks.
Hi,
Thank you for the login information. Ok so for the view the workaround is already mentioned in the erratum I shared.
I tested the content template and it works ok. Would you please check this video:
hidden link
Video Summary
- A test was performed using a Toolset content template.
- A button block with the red accent style was added to the template.
- A draft test page was created and assigned the content template.
- The button and its styling displayed correctly on the front end.
- The CSS and styling work correctly in the current test.
- The reported issue could not be reproduced.
- Please reproduce the problem on the provided test page.
- This will provide a clean test case for further investigation.
- Test with a standard WordPress theme, such as Twenty Twenty.
- Remove any theme-related customizations during testing.
- The active theme may be affecting the CSS or styling.
Thanks.
Hi Christopher
Thanks for the video, much appreciated!
This is specifically for CPT, have you seen that all the project pages are not having the CSS load?
I have tried disabling the plugins and switching to default theme but the issue persists.
Specifically for the CPT "projects" e.g. this page - hidden link. I think there is a difference between a content template inserted in a page and a content template used for a CPT item.
This specifically template also has views within that may be the cause?
Also I don't think it's all CSS but certainly most if you edit that template for that page you'll see it load correctly on the backend. E.g. the Toolset grid block works correctly but not on the front end.
That being said I managed to an extent to replicate this on your test page, I copied as many of the blocks from that CPT template as I could (some had to change etc as they were variable fields etc) and managed to replicate some of the issue on that page.
hidden link
As you can see on the front end the columns are not working.
Issue still exists I just wrote CSS code to manually fix everything on load but there is still a huge issue with Toolset.
