Blog list thumbnails link to post

[Johnny]

bsundman:
Hi, I like theme but i would like the featured images for posts on the homepage (and all other pages) to link to the actual post instead of a lightbox of that image. I think this is a big user experience issue, as some users may not know to click on the post title to view the full post. How would I go about doing that? Thanks.

Hi, please open file functions/pagebuilder/modules/blog.php and find this:
<a href="<?php echo $thumb_src_full[0]; ?>" class="lightbox liqd-gallery-img" rel="post<?php the_ID(); ?>" title="<?php the_title(); ?>">
update it to:
<a href="<?php the_permalink(); ?>" class="liqd-gallery-img" rel="post<?php the_ID(); ?>" title="<?php the_title(); ?>">
Best

[bsundman]

Thanks for the quick reply! That did exactly what I want but just for the portfolio posts and not standard posts. Could you please add a fix for the standard posts as well? Thanks again!

[Johnny]

Hi, same file and find other 3 ‘a’ tags with the class ‘lightbox’, remove word ‘lightbox’ and update
href="<?php echo $thumb_src_full[0]; ?>"
to
href="<?php the_permalink(); ?>"
Best

[STrajkovski]

I did the above, but now the featured images are very large (probably increased in size by 300%), and a small ‘eye’ icon is shown under the title of the blog post.

[Johnny]

Hi, please make sure you updated the accurate scripts. this does not relate to images.
Thank you

[STrajkovski]

Thanks for your prompt response. When you say “other 3 ‘a’ tags with the class ‘lightbox’, remove word ‘lightbox’”, do you mean simply delete the word Lightbox from between the inverted comas? I’m pretty confident I updated the correct scripts, but I’ll give it another try.

[STrajkovski]

I restored the original blog.php file and went through the steps above, but I got the same result.

Any other ideas?

[Johnny]

Hi, paste your page url here please, I will check it later,
Thank you

[STrajkovski]

This reply has been marked as private.

[Johnny]

Hi, paste your page url here please. I need to determine whether the page comes from blog.php.
Thank you

[STrajkovski]

This reply has been marked as private.

[Johnny]

Hi, please paste you page url which you want the lists link to posts rather than to lighbox. only a site url I can determine nothing.
Thank you

[STrajkovski]

This reply has been marked as private.

[Johnny]

Hi, I have checked your page and confirmed it is comes from blog.php. please make sure update the script according to the first post of this thread. if still not working please manage clear your server/browser caches.
Thank you

[STrajkovski]

Okay, thanks.

I just re-tried it, and worked out my issue. Sorry for wasting your time. It worked. However, for the benefit of everyone else, in the last ‘a href’ line of code which contains the word ‘lightbox’, only remove the word ‘lightbox, not all of the text within the inverted comas (that is: ‘lightbox ux-hover-wrap’).

Also, I must note that the preview/thumbnail of my blog post featured images is now roughly 300% again, as I mentioned earlier.

[STrajkovski]

Further to my comment above, altering these settings (which you advised on earlier) does not affect the size of the image preview now.

Hi, please try update styles/pagebuild.css line 1683 or about:
.blog-item-img{…height:200px;…}
to
.blog-item-img{…height:auto;…}
Best

[Johnny]

Hi, maybe your blog.php layout has broken. see attached image please.
Thank you

[STrajkovski]

I’m not sure what I’m looking at when I read that code. How can I fix that? What should it look like?

[Johnny]

Hi, have you ever changed blog.php? please make sure modified a tag with the right format something like this:
<a href="..." class="...">
Best

[STrajkovski]

Yes, of course I have modified the blog.php. I’ll check the a ref tags and see if i can find any which don’t match…

[STrajkovski]

I found the issue. I added an extra > on the end, and it fixed the size of the images. Thanks for being patient with me.

[Author]

Posts