[pastonchase]

Hi

My development site is http://laplacev4.paston3.webfactional.com

The 3 featured content images are all sized as width=560 and height = 976 but are displaying much smaller – is there a optimum size I should be using?

Thanks

Malcolm

[Skandha]

@pastonchase: You seem to be using a lot smaller size of image. Please check out the recommended image size in this link.

Let me know if this helps you out.
Kind Regards,
Skandha

[pastonchase]

Thanks for the link and the recommendation of 400 * 225

Is there any css I can use to increase the height of the featured content image but keep the same width – my images are 400 * 690

Kind regards

Malcolm

[Skandha]

@pastonchase: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

.featured-homepage-image img {
     height:250px;
}

You can adjust the height according to your requirement.
Let me know if this what you want.
Kind Regards,
Skandha

[pastonchase]

Thanks Skandha

I resized all the 3 images to be 400 wide and 650 high and added the css to be:

}
.featured-homepage-image img {
height:650px;
}

but I seem to be just getting a “slice” of the whole image (there should be some writing at the top of each image – about 150px high).

I’ve updated the development site so you can see it if required.

Thanks again

[Skandha]

@pastonchase: The original size of the images you have used in 400*225px and you are trying to stretch it to a height of 650px that is the reason the images are not showing up well. To get the image to show up properly I suggest you to maintain similar aspect ratio with respect to the original size of the image.

Let me know if this helps you out.
Kind Regards,
Skandha

[pastonchase]

Thanks for replying.

I’ve reverted to just using regular size thumbnails (400*157), and will go with slightly different design layout.

When I tried using 400*650 and the css they come out stretched (as you point out).

But if I right click on the image it says the actual size is 172*300, which is not what the actual featured image size is. The images I was attaching to the pages were definitely 400*650.

So I think WordPress is somehow getting involved “auto changing” the size – is it possible that the media size settings in the admin are effecting things?

Thanks

Malcolm

[Skandha]

@pastonchase: When you upload the image similar to the recommended size or of the same aspect ratio it will automatically scale the image so that it shows up in the best way possible.

Let me know if this helps you out.
Kind Regards,
Skandha

[Author]

Posts