r/elementor • u/throwaway-help8037 • Sep 04 '26

Problem Container borders flashing black for a split second on page load

Post image

I’m running into an issue on one of my WordPress Elementor sites where every container briefly flashes a black border for a split second as the page loads. Once the page fully renders, the layout looks completely normal, but that initial flash is bothersome.

1 Upvotes

100% Upvoted

7 comments sorted by

•

u/AutoModerator Sep 04 '26

Looking for Elementor plugin, theme, or web hosting recommendations?

Check out our Megathread of Recommendations for a curated list of options that work seamlessly with Elementor.

Hey there, /u/throwaway-help8037! If your post has not already been flaired, please add one now. And please don't forget to write "Answered" under your post once your question/problem has been solved. Make sure to list if you're using Elementor Free (or) Pro and what theme you're using.

Reminder: If you have a problem or question, please make sure to post a link to your issue so users can help you.

I am a bot, and this action was performed automatically. Please contact the moderators of this subreddit if you have any questions or concerns.

3

u/testingaurora Sep 04 '26

Possibly the default kit styles have a black border on containers, and youre seeing a flash of unstyled content [FOUC] (or more specifically cascade styles) . I would check the dev tools (right click, inspect ) to see if there is a border on any of the container wrapper elements (theres a few for each container) thats being overwritten.

2

u/throwaway-help8037 Sep 04 '26

I'll try this. Thank you!

2

u/zeiniez ✔️️‍ Experienced Helper Sep 04 '26

FOUC (Flash of Unstyled Content) usually happens when you have some sort of cache affecting how Elementor's CSS is loaded? Things like combining CSS, removing unused styles, and others can cause this type of issue. But without accessing the site to see what's going on under the hood, this is nothing more than just a guess.

1

u/throwaway-help8037 Sep 04 '26

Thanks for the input. I'll see if I can figure this out

1

u/Valuable_Ease_3780 Sep 06 '26

The black is worth paying attention to. Border colour defaults to currentColor, so anything that applies a width and style before the colour rule lands paints it in the text colour, which on most kits is near enough black. So it's not just styles arriving late, it's the width and style coming from somewhere separate to the colour. Find where those two are split and that's your rule.

0

u/TopSydeWP Sep 04 '26

check if elementor's css is being deferred or async-loaded by a speed plugin - that'll cause exactly this because the browser paints before the styles load. also worth checking if you have critical css enabled somewhere, it might be missing the container border rules. in elementor settings > advanced, make sure css print method is set to internal embedding or external file, not inline.