Black Friday Sale! Get up to $30 off GP Premium! Learn more ➝

Removing padding around .inside-article

Home Forums Support Removing padding around .inside-article

Home Forums Support Removing padding around .inside-article

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #210518
    Sunil

    I’m in the process of creating a Child Theme with a full-width Page Template.
    So the template I’m creating is specifically built to have no gap between the horizontal edges of the content and the viewpane itself.

    In GP, content is contained within the div with the class ‘.inside-article’.

    It’s easy enough for me to create a rule in my own css that looks like this:

    .separate-containers .inside-article {
    padding: 0 !important ;
    }

    However, !important should be a tool of last resort.
    Besides, I can see that the CSS that I’m overriding is inlined into the page itself.

    This makes me think that the inlined CSS is generated from somewhere in the GP settings. So overriding with !important will cause me pain further down the road.

    However, I can’t find a setting that removes or allows me to set the padding.

    Where is it? How do I find it?

    #210611
    Tom
    Lead Developer
    Lead Developer

    You shouldn’t have to add !important with that CSS as long as your custom CSS loads below the core CSS (which it should).

    You can also make it more specific like this:

    body.separate-containers .inside-article

    Let me know if you need more info 🙂

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.