Before you ask please READ THIS

Blog post list, make all clickable not only image

in Rife Posts: 22
How can I make the entire blog post list clickable? Currently, only the image, title and "Read more" is clickable. I would prefer to create a hover effect over there entire area. How can I surround entire post list with a div class ".post-card"

See example here: https://paperform.co/blog/

Also, how can I turn off the cross effect over the image?

Comments

  • AirAir
    Posts: 10,970
    Hello :-)
    modern1 said: How can I make the entire blog post list clickable? Currently, only the image, title and "Read more" is clickable. I would prefer to create a hover effect over there entire area.
    Yes, this is safer method, as it doesn't force user into any action, mainly on touch devices, where user can not know that his touch will open link.

    However I think we can consider such feature for future updates. Currently it is not possible. I would do it with JavaScript however, to not produce bad HTML.
    modern1 said: See example here: https://paperform.co/blog/
    This example produces malformed HTML, that is not good, as it can even possibly affect your google index(not much, but still).
    modern1 said:
    Also, how can I turn off the cross effect over the image?
    In future we will add hover effects like they are available for albums for example. Currently to disable this use this Custom CSS:
    .item-image:hover a::after {
        opacity: 0;
    }
    With kind regards.
  • Posts: 22
    Which file can I edit (move to child theme) to make changes to blog post list?

    mydomain.com/blog
  • AirAir
    Posts: 10,970
    Blog is in various files, so it all depends what you want to edit, however what you maybe interested in(based on this topic) is in content.php.

    With kind regards.
  • Posts: 22
    By the way, it would be nice to show a featured blog post (as in example above).

    Is it possible for me to create a custom /blog page using Elementor?
  • AirAir
    edited April 2018 Posts: 10,970
    Featured post you can show by making it sticky. Then such post will be displayed as first http://www.wpbeginner.com/beginners-guide/how-to-make-sticky-posts-in-wordpress/

    modern1 said: Is it possible for me to create a custom /blog page using Elementor?
    You can use post list shortcode to construct post grid from category for example. Read more here https://rifetheme.com/help/docs/content-management/shortcodes/post-list/

    With kind regards.
    Post edited by Air on
Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

In this Discussion