Archived topic
Generate Press Hooks + Elementor Shortcodes Styling
20 replies · Started by GeneratePressUser on June 26, 2022
Hey David,
Thanks, I have sent their support a ticket for the same, Can you pls tell where did you check the stylesheet is loading in footer? how can we check if stylesheet is loading where? Also where does your team recommend to load the style sheets usually?
I used the Browser developers tools to see where the styles were being loaded. The links to the stylesheets are in the footer area of your source code.
Styles for above the fold items need to be loaded in the head. Or you will have FOUC which results in the layout shift.
Hey David,
I had a word with Elementor support and they wrote style sheet is loaded within head as expected, see the private box
As you can see the style sheets are loaded in the footer area.
https://www.screencast.com/t/1rLx7V4Dg
Hey Ying,
Since those shortcodes are implemented via Generatepress they are telling they can't guarantee for the pages which are not built completely with elementor, do you have any idea why those elementor shortcodes would be loading in footer? any idea how it can be loaded in the <head> ?
You need to ask Elementor, the Theme has no control over that.
They should be able to advise whether that is possible or if there is a better way to Hook their shortcodes into the Theme.