- This topic has 5 replies, 3 voices, and was last updated 2 years, 11 months ago by
.
-
Posts
-
Using wp show posts with generatepress.
WPSP seems to insert inline style at the point I insert the shotcode.
eg.
<div class=”gb-container gb-container-3cab30f1″><div class=”gb-inside-container”>
<style>.slick-slider#wpsp-312 {margin-left: 0px; }.slick-slider#wpsp-312 .wp-show-posts-inner {margin-left: 1em; ….and
<style>.wp-show-posts-columns#wpsp-312 {margin-left: -2em; }.wp-show-posts-columns#wpsp-312 .wp-show-posts-inner {margin: 0 0 2em 2em; }</style>Is there a way to move this to the head of document so that I can keep the HTML to be valid?
Error I’m getting is
“Element style not allowed as child of element div in this context.”
Many thanks
Hi there,
This is a limitation to shortcodes, unfortunately. By the time the shortcode is rendered by WordPress, the
<head>of your website has already been rendered and can’t be manipulated.We could move those styles to the footer, but then you’ll see a flash of unstyled content until the CSS is reached.
Once we transition to a block-based system instead of shortcode-based, this will no longer be an issue 🙂
Hi there,
Running into the same html validation error trying to get website that uses WPSP WCAG 2.1 compliant.
Question 1: How can we move the styles to the footer?
Question 2: When will the transition to a block-based system be finished?
WPSP is one of our favorite plugins!
J
Have you tried a plugin like Autoptimize? I believe it has the capability to grab scripts and styles from the body and move them into the head or footer. Might be worth trying.
No timetable on a block yet, but it’s something we’re very keen on building soon.
- You must be logged in to reply to this topic.