Remove Theme Padding/Margins

  • dannywcsabca · Member ·

    Hey Jetpack Community,

    I have an issue with CSS formatting that I just can’t seem to figure out!

    I’m using the Brompton theme and trying to remove the padding between my site header and my content on all pages besides my homepage so that it bleads into the banner image below.

    It naturally works fine on my homepage, but all other pages (About, Blog etc.) seem to have a space in between the header and the content that I can’t get rid of (even with “Remove Title” plugins)… I’m trying to get the same header/banner blead as my homepage (https://moreletterstothecorinthians.ca). Use the “Blog” page as an example of what I mean.

    I’ve installed a plugin that allows me to apply custom CSS to specific pages (rather than the Custom CSS option in the theme customizer that wrecks the homepage and does nothing to fix the other pages) but I can’t seem to find the right code… Any ideas as to how to fix this?

    Thanks a million!

    The blog I need help with is: (visible only to logged in users)

  • supernovia · Staff ·

    Hi, are you referring to the space above the entry title?

    If so, you can modify this CSS as needed:

    article .entry-header .entry-title, .page-title, .a8c-posts-list .a8c-posts-list-item__title {
    margin-top: 32px;
}
  • The topic ‘Remove Theme Padding/Margins’ is closed to new replies.