Mike Mullaly
asked 6 years ago

I’ve set a post with only a featured image, but on the article page the picture is in a box with a lot of unused white space on the right. How do I eliminate all the white space on the right and get it nice and tight? See this example for better detail.

1 Answers
DominicStaff
answered 6 years ago

Very easy to resolve the problem, just use the image size > 620 x 300 px.
However, don’t  you have the bigger images? Don’t worry, let’s send us your site, we will help you decrease the dimension of the single post to fit with your images.

Mike Mullaly
replied 6 years ago

We like to use smaller images, so 620 x300 is not a fix. Isn't there some CSS code that can fix this by telling it to automatically fit the width properly?

Dominic Staff
replied 6 years ago

You can try add the following code to the style.css file:
.single .item .item-thumbnail img { height: auto; width: 100%; }
Hope this helps !

Mike Mullaly
replied 6 years ago

Yes, but now you’re just resizing it to the size of the box. I want it the other way around: the box resizing to the size of the picture. Because if you resize it to the box, you have a massive picture and the buttons (in the text area of the post) are not visible without scrolling.

Another solution would be to not resize anything but to put those buttons on the white space on the right, if that would be easier with code you can think of.

Hope you can give me some option, would really fix a lot!

Dominic Staff
replied 6 years ago

So far, the previous solution which I provided is the best one for your issue. Let’s try again and contact us if you have anything else. Also, we fixed this in our demo site. Check to have a closer look.

Mike Mullaly
replied 6 years ago

It’s not the best one, that’s why I asked. And if it’s fixed in the demo site, what does that for me? Sorry you can’t offer the support I was hoping for. Thanks for trying.

Powered by DW Question & Answer Pro