- This topic has 7 replies, 2 voices, and was last updated 1 year, 2 months ago by Leo.
July 5, 2019 at 3:28 am #949647Charalambos
I read somewhere in this forum that the best size for dispatch single post featured image is 1200×800 px or 2400×1600 px. However when you use these dimensions, the featured image in the single post is cropped (in height).
Could you please advise where can you adjust the height of the featured image shown in the single post in order to show the full picture?
thanksJuly 5, 2019 at 8:42 am #949911LeoStaffCustomer Support
If you set a specific dimension for both height and width, the pictures will always be cropped unless the original picture is already that size – this is the purpose of “cropping”.
If you don’t want the pictures to be cropped in height, then only set the width property and leave height to auto – this will make it scale rather than crop.
Let me know if this makes sense 🙂July 5, 2019 at 9:23 am #949943Charalambos
I understand that the height of the featured image is already customized in the additional css of Dispatch theme.
So I am asking where can i find this settings in the existing css and how can i change the height to auto?July 5, 2019 at 9:53 am #949958LeoStaffCustomer Support
The single posts featured image in Dispatch is actually added with header element:
And the height of the element is determined by the padding option:
Simply remove the header element if you just want to display a static featured image instead.
Let me know if this helps 🙂July 5, 2019 at 1:15 pm #950084Charalambos
Thanks, I get it now.July 5, 2019 at 3:17 pm #950135LeoStaffCustomer SupportJuly 17, 2019 at 10:30 am #960442Charalambos
Regarding the single post hero featured image. I have tried several paddings options both in desktop and mobile, however it looks like i can never achieve the perfect result. For example it can look ok in mobile but not in an ipad or vice versa.
Is there any way to set the height to auto inside the header element, so that the picture can be scaled instead of cropped and be responsive in all devices?
thanks in advanceJuly 17, 2019 at 10:40 am #960447
- You must be logged in to reply to this topic.