Images have Gray/Black Bars

Hello.

Each post-image that shows up under title is appropriately sized but has grey bars extending beyond to the left and right.

I understand this is some CSS issue, but what parameters are exactly responsible for this?

@kairos it would help to share which theme you are using and some screenshots to demonstrate what it is that you are referencing

Theme: Casper Latest Rendition

And screenshot attached.

Hey @kairos, this is because the image you’re uploading isn’t wide enough for the feature image space. Are you able to upload something wider to fit the space? :slight_smile:

1 Like

@DavidDarnes I have tired varied-sized images, all of them, even the largest ones have those grey bars.

What CSS is responsible for featured image size?

That seems odd. You can force the image to be full width in Casper using something like this:

.post-full-image img {
  width: 100%;
  height: auto;
}

I’ll try it out - thanks.

@kairos you can try pasting this into your site’s Settings >> Code Injection >> Site Header . . .

.post-full-image img {
max-width: 1040px;
width: 100%;
height: auto;
}

. . . like this:

. . . and then try different values for the width and max-width

max-width: 1040px;
width: 100%;

You can also use tools like this in your browser to try different CSS:

. . . like this . . .

1 Like

Usually, I just F12 and change the values there, but for some reason I was unable to find the appropriate parameters.

Both answers are more than sufficient to my goal. Thank you, mates.

Cheers.

1 Like