[Resolved] Page Header Image, Delete Padding

[Sean]

Hello, I’ve gotten this to work before. But for some reason I cannot achieve this effect again. Here is the website from before: http://1deag.com/ and the page header image is 740px in width. I made the images the same width for my new website: http://seanerixon.com and it does not replicate. Same with the top area, padding exist there too. Is there a was to have the image full size there, without padding or spacing, while the rest of the container has spacing? It must be possible, because it’s like that on my 1Deag website. Thank you in advance!

NOTES: I’m using Premium Add-On. Everything up-to-date. Hard Crop is Disabled.

[Tom]

Hi Sean,

The Exhibit and Forefront theme come with this feature.

Here’s the CSS from your first site:

.separate-containers .post-image, .separate-containers .inside-article .page-header-image-single, .separate-containers .inside-article .page-header-image, .separate-containers .inside-article .page-header-content-single, .no-sidebar .inside-article .page-header-image-single, .no-sidebar .inside-article .page-header-image, article .inside-article .page-header-post-image {
      margin: -10px -10px 10px;
}

So add that to your new site, and adjust the 10px to whatever your content padding is 🙂

[Sean]

Beautiful, looks beautiful now! Thank you so much!

[Tom]

You’re welcome 🙂

[Author]

Posts