Home › Forums › Support › show full image in page hero This topic has 7 replies, 4 voices, and was last updated 1 year, 7 months ago by Fernando. Viewing 8 posts - 1 through 8 (of 8 total) Author Posts September 3, 2022 at 9:01 am #2332508 eran Hi, I made page hero to my home page but I don’t see the full image. how can I fit the image to the page hero so it will display the full image + why the image is blurred when its in the page hero? September 3, 2022 at 12:31 pm #2332621 LeoStaff Customer Support Hi there, Does this help? https://docs.generatepress.com/article/how-to-create-a-page-hero/#step-4-set-the-height Let me know 🙂 September 3, 2022 at 8:16 pm #2332756 eran Nope. I want the page hero to stay the same height and won’t be blurred how can i do that? September 4, 2022 at 5:54 am #2332987 DavidStaff Customer Support Hi there, you need to make the Page Heros aspect ratio match that of your original image. 1. Calculate your original images aspect ratio: Height / Width * 100 = Aspect Ration %. Your example URL is: 1280 / 1920 * 100 = 67%. 2. Now you can add this CSS to make the page-hero match that ratio: .page-hero { min-height: 67vw; } This will make it so 100% of the image is shown on any screensize. September 4, 2022 at 8:28 am #2333181 eran It makes my page hero height very large. how can i show the full picture but with small height? September 4, 2022 at 11:54 am #2333258 DavidStaff Customer Support The only way would be to NOT have the hero full width. You can’t have full width, full image and restrict the height… September 4, 2022 at 8:22 pm #2333426 eran It still don’t show all the image if i put it on contained September 4, 2022 at 8:34 pm #2333431 Fernando Customer Support Hi Eran, Try to upload an image with the same aspect-ratio as your page hero. Try an image with dimensions or aspect-ration of around 1143 x 279px. Author Posts Viewing 8 posts - 1 through 8 (of 8 total) You must be logged in to reply to this topic. Log In Username: Password: Keep me signed in Log In