I'm noticing the styles that I apply in the Toolset > Layouts CSS and JS > CSS Editor, they get applied AFTER the page loads. So there is a glitch in time, it shows all the themes default styles first and then it loads mine and looks fine.
What's the best way to adjust this so there is no glitch in styling?
ALSO, when you EDIT your website in the "Front End" it doesn't apply my styles at ALL. So I don't understand why it does that either.
When you add custom CSS at Toolset > Layouts CSS & JS it creates a dynamic stylesheet which then gets enqueued.
It is added late, with the expectation that you will be overwriting theme styles etc. and so it needs to be enqueued after other CSS files.
If that results in a perceptible delay where you see the theme styles before they are overridden, the only alternative is to edit your theme (or, presumably, child theme) stylesheet and add your styles directly there so that they are loaded at the same time, or, if that is not possible for some reason, create a dedicated custom stylesheet which you enqueue immediately after your theme's stylesheet.
If you agree, we can take it as a feature request, our developers will evaluate it.
As a workaround, you can put those CSS codes into your theme file style.css, and test again
