Archived topic
Where to edit this CSS
3 replies · Started by George on June 26, 2021
Hi:
I'm seeing this CSS being generated inline on all pages of my site:
.entry-content .alignwide, body:not(.no-sidebar) .entry-content .alignfull {
margin-left: -40px;
width: calc(100% + 80px);
max-width: calc(100% + 80px);
}
I'm pretty sure it's generated by GeneratePress, as its one of the selectors in the following inline CSS:
<style id='generate-style-inline-css'>
body{background.....
My question is, where in the Customizer can I customize the rules for `.entry-content .alignwide and so on? I'd like to remove the "margin-left: -40px" part, as it's wrecking havoc with my design.
Thanks!
Hi there,
you can simply overwrite that CSS either in your child theme styles.css or in the Customizer > Additional CSS - as that will be loaded after the generate-style-inline-css.
Not sure what removing it will do though as thats required to offset the container padding when you set a Block to Wide Width.
If you want i can take a look at the site and see what the underlying issue is ?
Thanks Dave, I'll just add my own CSS to overwrite it then. :)
You're welcome