Turn images in summary block into clickthrough links

Site URL: https://www.office2ocean.com/the-bar

Hi all,

I have a blog page on my site https://www.office2ocean.com/the-bar . On the page I have two summary blocks that take blogs from two different blog pages (not public).

Is there a way to make it so the actual images are clickable to take people to the blogs rather than just the titles?

Feel like it should be simple but can't see an option for it!

Any help much appreciated, James

Not sure what is stopping the images from clicking thru to your blog post. They do it by default when they are also the blog post thumbnails, as does the title and read more button if that is enabled.  Could be some custom code not allowing this to happen. 

1 hour ago, JamesThomasGreen15 said:

Site URL: https://www.office2ocean.com/the-bar

Hi all,

I have a blog page on my site https://www.office2ocean.com/the-bar . On the page I have two summary blocks that take blogs from two different blog pages (not public).

Is there a way to make it so the actual images are clickable to take people to the blogs rather than just the titles?

Feel like it should be simple but can't see an option for it!

Any help much appreciated, James

Ahhhh I see!!! actually there is custom code in css which is blocking it
below is the code which blocked the image clickthrough, Remove below code then it will works

 

Agha_Waqas thank you so much that works!

Can I ask why that code would be put in there in the first place? Designer did a lot of the site.

Thanks!

6 hours ago, JamesThomasGreen15 said:

Agha_Waqas thank you so much that works!

Can I ask why that code would be put in there in the first place? Designer did a lot of the site.

Thanks!

I did not know why your designer do that code. But this code was blocking the clicks. He was better knew why he was using that code. May be he wanted to block users click on any image link but he did not applied code on that specific element. He applied on all img links elements. 

On 5/19/2021 at 9:47 PM, Agha_Waqas said:

Ahhhh I see!!! actually there is custom code in css which is blocking it
below is the code which blocked the image clickthrough, Remove below code then it will works

 

.summary-thumbnail-outer-container a { pointer-events: none !important;  cursor: default !important;

}

Hello Agha_Waqas,

I have the same problem, but the code that's blocking it must be different because I couldn't find it in my code... Can you help?

The page where the summary images don't work as clickable links is:
https://www.thecarolamoon.com/projects

Thank you heaps! Carola

7 hours ago, Rolaa said:

Hello Agha_Waqas,

I have the same problem, but the code that's blocking it must be different because I couldn't find it in my code... Can you help?

The page where the summary images don't work as clickable links is:
https://www.thecarolamoon.com/projects

Thank you heaps! Carola

Hi. i review it and it seems like the custom code is blocking it.
please remove below code from your CSS editor.
 

On 9/10/2021 at 7:52 PM, Agha_Waqas said:

Hi. i review it and it seems like the custom code is blocking it.
please remove below code from your CSS editor.
 

.summary-thumbnail-container {

 pointer-events: none !important; 

}

That's superb, it's working a treat! Thank you heaps Agha_Waqas!