Not sure if styles for this specific page just aren’t loading at all, but I’ve deactivated any caching plugins and purged any CDN caches as well. I’ve also cleared my browser cache, and revisited the page in an incognito tab in Chrome. So this rules out a caching issue.
To my knowledge, I have no other code snippets running that should interfere with the CSS rendering on this page.
Notes from screen recording pasted below for convenience:
The first 3/4 of the video show how the page is rendering on the front-end of the site. You’ll see the hero section renders correctly (doesn’t have a ton of styles anyway). The CTA Book Now section (a Bricks Template) renders correctly. But everything else renders incorrectly, including the footer template interestingly enough.
The second 1/4 of the video shows how the page is intended to look via the Preview mode inside the Builder.
This phenomenon only occurs on this page. No other pages on the site seem to suffer this issue.
most of the time, if there is an issue like this, it’s a problem with some unclosed tag somewhere. I suggest you check your content, just in case you copy/pasted the text, you did not include some tags also.
Secondly, if it’s not the tag, you can try to regenerate styles if you are using an external loading method.
Unfortunately regenerating CSS didn’t work. There are no unclosed tags anywhere as far as I can tell. I did however try switching to inline styles in Bricks Settings. That also did not fix the issue.
now, since this is not working, can you send temporary login credentials to your test/staging website and a link to this thread to help@bricksbuilder.io using the email address you used during the purchase, so we can take a look?
It’s best if it’s a staging server, where we can remove/change the content freely, without needing to worry about website breaking.
I’ve replied over the email, but to update this forum topic also:
There was an apostrophe in the content field of a pseudo-class. Once removed, the layout got back to the correct one.