Site logo

Archived topic

Where to edit this CSS

3 replies · Started by George on June 26, 2021

Viewing posts 1–4 of 4

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

This archived topic is closed to new replies.