How to stop a blog thumbnail linking through to its own blog post

Hi, I'm looking at creating a blog that displays the thumbnails and can be filtered by category but not click through to the blog post itself.

It will display lots of logos/thumbnails that can be filtered but I don't want the page for each logo/thumbnail just yet as we need to go live soon and don't have the content, so I need some code to stop it linking through. And so I can remove that code in the future when we have time to create content for each of those pages.

I've not yet built the blog but I'll need some code next week for when I do, can anyone help?

Many thanks!

Lauren

Yes. You can use CSS pointer-events: none to disable click.

If you share link to blog page, we can take a look.

Hi Lauren, easiest way is to use some custom CSS 

.summary-item a {
   pointer-events: none;
}

Thanks both, when I've built it next week I'll try this out.
I'll likely be in touch @tuanphan on Tuesday! 🙂

Hi! I am trying to do the same things but super stuck 😞

I have the blog posts in a carousel but don't want them to click through either. I was also wondering if there any way to have the carousel move automatically as well? Thanks!

Here is my site: https://www.goodtimegals.co.uk/pub-quiz

On 9/29/2020 at 8:24 PM, AshGTG said:

Hi! I am trying to do the same things but super stuck 😞

I have the blog posts in a carousel but don't want them to click through either. I was also wondering if there any way to have the carousel move automatically as well? Thanks!

Here is my site: https://www.goodtimegals.co.uk/pub-quiz

Where is blog post? Can you take a screenshot? and do you use Personal or Business Plan?

On 9/30/2020 at 7:58 AM, tuanphan said:

Where is blog post? Can you take a screenshot? and do you use Personal or Business Plan?

Hi can you help? I am having the same problem. I want all of these news posts to link to external links—the titles do, but the images will only link internally. I tried inserting the CSS below, but it hasn't worked. Here is the page: https://www.lspff.org/news

.summary-item a {
   pointer-events: none !important;
}

@Alexis-Reid-Design

Would something like the following do for your needs?

This code is for v7.0 but I don't see a problem with it being adapted to v7.1.

Let us know.

On 9/30/2020 at 2:24 AM, AshGTG said:

Hi! I am trying to do the same things but super stuck 😞

I have the blog posts in a carousel but don't want them to click through either. I was also wondering if there any way to have the carousel move automatically as well? Thanks!

Here is my site: https://www.goodtimegals.co.uk/pub-quiz

@AshGTG
 You used the code:  #block-yui_3_17_2_1_1598303834359_46182 * {pointer-events: none; }

The * will disable EVERYTHING from being clicked or hovered.  including your "previous - next" arrows.  If you swap out the  *  for  a  it will only target the links in your summary block.

Used this code:  #block-yui_3_17_2_1_1598303834359_46182 a {pointer-events: none; }

On 4/14/2021 at 12:12 PM, Alexis-Reid-Design said:

Hi can you help? I am having the same problem. I want all of these news posts to link to external links—the titles do, but the images will only link internally. I tried inserting the CSS below, but it hasn't worked. Here is the page: https://www.lspff.org/news

.summary-item a {
   pointer-events: none !important;
}

@Alexis-Reid-Design
You are not using a Summary Block on the homepage, but a blog page.  If you want to disable the image thumbnails on this blog page grid design use.

.blog-basic-grid .image-wrapper { 
     pointer-events: none; 
}