Display images in start screen (home)
-
Hi, I want to display images in posts on my start screen/home-site. In the support I find the following:
“If no featured image is assigned, Hatch will attempt to pull the first attached image in your post. If no image is attached, the theme displays a light gray placeholder.”
No I didn’t fix a featured image. The problem is, that Hatch didn’t attempt to pull the attached image in the post in my home-screen. I only see the grey placeholder, but there are still images in my posts.
Thx for answering.
Kind regards, Matthias
The blog I need help with is: (visible only to logged in users)
-
Hi there,
If no featured image is assigned, Hatch will attempt to pull the first attached image in your post
Even though the theme attempts to pull in an image, it does not work every time. For a theme like Hatch, where featured images are an important part of the design, it is worth the extra effort to set a featured image for all your posts.
Given how this theme renders featured images as small circles, it is even a good idea to upload a specially cropped image made just for the featured image. That way you can be sure that it is focused on the right part of the picture. Just crop to a square, and that will get the important part of the image centered.
Hope that helps. Please let me know if you have any further questions.
-
Hi Jerry,
thx for answering. I have tried your suggestion before ;-). The only problem with this is, that I have two pictures in one article and that it’s not possible to show the picture in a bigger scale if I click it. If I use only one picture, which is not marked as a featured image, I can display this image in a bigger scale, which makes sense for the Hatch-Theme.If there is a possibility to show the picture in a bigger scale using a featured picture too, it would be ok.
Thx and kind regards,
Matthias -
No problem. You can try the following line of code, which will hide the featured image on the single post view. That way they will only appear on the homepage as you wish.
.single-large-thumb { display: none; }To use the above code, click on your site name on the admin menu at the top left, and in the drop-down, select “Customize” to launch the site customizer.
From there, click on the “CSS” tab, and paste in the code I provided. Be sure to save your changes when you are done.
Hope that helps. Please let me know if you have any further questions.
-
Hi Jerry, thx for the answer. Is there a special line where I have to copy the code or should I post it at the end of the code text?
Regards, Matthias -
Is there a special line where I have to copy the code or should I post it at the end of the code text?
Do you mean the text you see here? https://cloudup.com/ccaJO37qBsY
You can delete it, and replace it with the CSS that I gave above.
-
-
- The topic ‘Display images in start screen (home)’ is closed to new replies.