Saltar navegación

[Resuelto] Toolset CSS styling not loading on the front end in WordPress 7.0.2

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Este tema contiene 5 respuestas, tiene 1 mensaje.

Última actualización por matthewL-7 4 days, 19 hours ago.

Asistido por: Christopher Amirian.

Autor
Mensajes
#2869060

Hi

The Toolset CSS does not seem to be loading on the page in WordPress 7.0.2

See for example this page
enlace oculto

Where none of the styling is loading in

Thanks

#2869243

Christopher Amirian
Colaborador

Idiomas: Inglés (English )

Hi,

Welcome to Toolset support. I created an installation of Toolset with sample data and updated WordPress. The result is this:
enlace oculto

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.

#2869948

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.

#2870411

Christopher Amirian
Colaborador

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.

#2870630

Christopher Amirian
Colaborador

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:

enlace oculto

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.

#2871398

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 - enlace oculto. 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.

enlace oculto

As you can see on the front end the columns are not working.

#2871639

Issue still exists I just wrote CSS code to manually fix everything on load but there is still a huge issue with Toolset.