I am wondering if there is a solution for this - my HTML loads before my CSS/Stylesheet. Because of this, my web pages look really ugly for a couple of seconds, until the CSS kicks in. Is there any way to change that and make the CSS load first, or at least to delay loading the page an extra second so that they can both load at the same time?
I assume you are referring to the content of pages designed with Toolset Blocks, specifically the content rather than the header and footer.
This styling gets applied via JavaScript, which does mean there can be a perceptible delay.
I would suggest identifying a container div for the content section (it will depend on your theme, but may be a div with id="main" or similar), and then add a style rule to some stylesheet which is enqueued normally in the head (e.g. a theme stylesheet, or enqueue a new one) that sets the opacity of the container div to zero, and then add a small JS snippet to a script enqueued in the footer which sets the opacity to 1.
