[Resolved] element losing styling on some pages

[Stephen]

Hi, I have 2 elements – one for logged in users and one for logged out users. They are inside-site-container with breadcrumb on left and login (or logout) on right.

On some (non woocommerce) pages the login / logout text looses its styling.

I’ve tried changing priority and using different font tags and the styling fault just changes pages or goes from the login element to the logout element.

I’ve put a link in private info to the page where Login is currently losing its styling.

Thanks
Stephen

[Ying]

Hi Stephen,

On some of your pages, the GB styles are not loading.
Any chance you can disable all other plugins to test?

[Stephen]

Hi Ying, thanks for your reply.

I’ve migrated the problem to a test site in private info.

I’ve disabled every plugin except below and it still loses its styling on some pages.

Gnenerate Blocks
GP Premium
Woocommerce

If I edit and save one the effected elements then the issue does seem change which pages it effects.

Stephen

[Fernando]

Hi Stephen,

Can you go to GenerateBlocks > Settings, and click on “Regenerate CSS Files”?

If that doesn’t work, can you try changing the CSS Pring Method to Inline Embedding to test?

[Stephen]

Hi, unfortunately not fixing it.

I’ve regenerated CSS, selected inline embed, turned off cache dynamic css.

I clear the browser cache when testing.

I’m not using any caching plugins also.

The fault does change pages though when I change these settings. After making the above changes its happening on 4 pages for logged in users. If I change the priority in the elements then that makes it change pages or only show to logged in users or logged out users. Basically so far any changes I try might fix it on one page but then it starts on another page or if I’m logged in or logged out. But the fault doesn’t change pages unless I change some settings and which pages are effected seem quite random though not on any woocommerce pages.

Thanks
Stephen

[Fernando]

I see. Thank you for trying.

To test, can you try recreating the specific Block that has the issue from scratch?

Let us know how it goes.

[Stephen]

Hi, I seem to have fixed it.

As its losing its styling set from the element editor but still getting additional CSS I added 1 line of additional CSS for one of the blocks and this looks to have fixed it (even though its only 1 line !)

.gb-container-6075d6aa {
text-align: right;
}

Thanks for your help
Stephen

[Fernando]

I see. Glad you resolved the issue. You’re welcome, Stephen!

[Author]

Posts