Site logo

Archived topic

Set blog page to only show clickable image

22 replies · Started by M on October 14, 2021

Viewing posts 1–15 of 23

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?

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?

This archived topic is closed to new replies.