Archived topic
Set blog page to only show clickable image
22 replies · Started by M on October 14, 2021
Hello,
I would like my blog to only show an image (no excerpt) that will be clickable and lead to the blog post. I only also like no title to be shown, and blog posts in rows of three.
This is how would like it to look like: https://ibb.co/Y7g0mwS.
Thank you.
Hi M,
You can try using a block element - content template:
https://docs.generatepress.com/article/block-element-content-template/
In order to use this function, you'll need to install GenerateBlocks plugin.
https://wordpress.org/plugins/generateblocks/
If you have GenerateBlocks Pro, then you can add links to the container.
If you don't have it, some CSS will be required for clickable container.
Once the layout is done, get back to us, we can help with some CSS.
Let me know :)
Thank you. I am working on this. I would like the images displayed to be 360x190. How can I do that?
Also, how can I set up the margins so that they look the same as on the other pages?
Can you link us to the site so we can offer advices based on what you've achieved?
My site is currently under construction because I'm making changes. Is there a way I could only give access to you?
You can use the private info field, it will be seen by the support team only:
https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information
Let me know :)
Right, but if I set it to public people who know my website address will be able to see it. Is there a way so that only you can see it?
You can start a staging site.
Unfortunately that is not part of my hosting plan.
Do you know how I can have the images displayed to be 360×190? Would I need to add some CSS?
Thank you for your help.
If you are using block element - content template, try set the container block to contained with 360px , and set min height to 190px, please refer to the screenshot below:
https://www.screencast.com/t/aV6wzshwp8p
Not sure how well it's going to work, but have it a try and let me know :)
Thank you Ying. I am getting the correct height but not width. Even when I change the numbers it doesn't go more than 260. Not sure why.
Problem solved! The issue was that the sidebar for the blog was on, although I don't have a sidebar. I deactivated it and now they are the right size.
Next questions:
1. How can I make the images clickable so that they lead to the blog post with CSS?
2. How can I add text at the top of a "content template" element?
Thank you!
Hi there,
are you using GenerateBlocks Pro ?
GenerateBlocks, but not pro. Do I need that? Or can I do the clickable image with CSS?
CSS should work, you can give this solution a try:
https://generatepress.com/forums/topic/entire-block-clickable/#post-1582720
If if doesn't work, then we'll have to see your site to modify the CSS.