Featured Post images, removing border and background color letterbox

[FilmLA]

Hello, since updating, all my blog post featured images have borders that I’d like to remove or modify, but more importantly, I’m getting a background color letterbox (padding) around each featured image. I want the images to essentially appear without borders and without background colors that make them squared with letterboxes

I want my featured image to be full width in the proportions that they are uploaded.

See image example:

[friech]

Hi There,

Thank you for writing in, I saw that you have the following custom CSS to your Theme Options > CSS

img {
    padding-top: 8%;
    padding-bottom: 8%;
}

That is the culprit why the background-color is showing on your featured image now, please remove that.

To remove the border, please add this to Theme Options > CSS

.single-post .entry-featured {
	border-width: 0;
}

You can find the proper CSS code selector using the Chrome browser Developer Toolbar
For the CSS code itself, I suggest that you get started with this tutorial

Hope it helps,
Cheers!

[FilmLA]

Cool. Thanks for the reply. Makes total sense.
The odd thing is that I don’t see that padding code in my custom CSS, so I’m not sure where that got added.

So, I ended up adding the code and made it 0%, instead of 8%, which seemed to have fixed the issue, but I’m not sure where that would have been added from the get-go. Very odd.

[FilmLA]

I figured it out. 8% padding was coming from my header customization. I’m fixing right now. Thanks!

I managed to target the specific img only in the Header CSS

img[src=“bar.png”] { css }

[nabeel]

We’re glad you managed to find the source of the issue. Thank you for letting us know.

Cheers!