-
How do I know what size to make the featured image to be able to extend fully across the featured image section of my blog posts?
I made it 1200×800, as it was in the sample posts, but it doesn’t extend fully across the banner area on desktop.
How can I fix this issue? Or should I save featured image size as 1200×1000, for example?
Thank you!
Note: website link is in private information
-
Hi there,
You don’t have to change the image dimensions.
Simply select the Image block for the featured image, remove the max-width value, and set the width to 100% instead.
-
I’m confused where to find that. Can you share a screenshot or short video?
-
Can you share a screenshot or short video?
Can ou provide an admin login to your site so we can take the screenshots?
-
Yes just put through private information.
-
Go to Appearance > Elements, edit the Post Header element, and apply these settings: https://cln.sh/cTHYCT3g
-
Thank you. That works now for the original problem, but it created a new one. On the blog page, where all blog posts are listed, the images are not showing correctly here.
I’m unsure why that would have changed this spot, but it did. Added the blog posts page to the private information. How can I fix the images here to show correctly? For reference, I am seeing this issue on Mobile, not on desktop. This is a mobile issue on the blog page.
-
For reference, I added 2 screenshots of the issue in the private info.
Should we remove the featured photo from this page? Or how can we get it to look right, like it does on desktop?
This is a mobile issue. I appreciate your help!
-
The original Realtor post on mobile looks like this:
https://app.screencast.com/WOb7ZvXglzIwzIf this is not ideal, check if this works better:
https://app.screencast.com/VSzYqDkaCotHtLet me know your thoughts, I’ll guide you to achieve it 🙂
-
Thank you! Why does it look like this on all my mobile devices?
https://ibb.co/bRqSYLt6
https://ibb.co/n8zXr780The first one you showed is perfect. But I’m not seeing that. How can I achieve it?
-
Again, this is on my website. Not the realtor template. But the realtor template was used.
Why does my site look different than the template on my blog page?
My site is in private info. Thank you!
-
The links expired over the weekend. Here are the new links to screenshots:
https://ibb.co/3yk2tc1H
https://ibb.co/nMgFjLv1How do I edit the featured image size on my blog page? On desktop they look great. On mobile, they are all different sizes. Where can I edit this aspect?
-
Thanks for the screenshots.
The difference is caused by the longer title of your posts, we just need to make the container a bit longer on mobile.
1. Go to appearance > elements, edit the element called Blog archive (content template).
2. Select the 1st container, and switch to mobile mode.
3. Add a
padding-bottomto it in the Spacing panel, eg. 300px:
https://app.screencast.com/T7RivbaRCnViNLet me know if this helps!
-
Hi! Thank you for trying to help, I appreciate it.
Nothing happens on my site when I switch this padding. I can switch it to 100px, 300px, 1000px. Even after clearing cache, etc. It does not change anything on my mobile site.
-
For reference, it works if I do padding on the left, right, or top. But padding on the bottom does not change anything.
-
To make this easier, I am creating a temporary admin login to my site. I appreciate your help! This is a mobile only issue. Desktop looks great, but mobile does not. For the featured image on the /blog page.
- You must be logged in to reply to this topic.