- This topic has 7 replies, 2 voices, and was last updated 5 years, 5 months ago by
Skandha.
-
AuthorPosts
-
June 20, 2018 at 5:28 am #148022
pastonchase
ParticipantHi
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
June 21, 2018 at 2:45 am #148058Skandha
Participant@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,
SkandhaJune 21, 2018 at 3:33 am #148064pastonchase
ParticipantThanks 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
June 21, 2018 at 5:23 am #148070Skandha
Participant@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,
SkandhaJune 21, 2018 at 6:37 am #148072pastonchase
ParticipantThanks 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
June 22, 2018 at 6:26 am #148193Skandha
Participant@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,
SkandhaJune 25, 2018 at 9:37 am #148308pastonchase
ParticipantThanks 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
June 27, 2018 at 3:51 am #148459Skandha
Participant@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 -
AuthorPosts
- The topic ‘featured content images permalinks’ is closed to new replies.