For masonry tiles style blog, it seem that we will need to click title link in order to proceed. Are we able to click the image, instead of the title? Please advice?
Hmmm, it's maybe too late but it can be useful for others. To make the entire image clickable and not just the title :
- take file "content-post.php" in the folder "includes" - after the line "$output .= '<div class="'. $post_class .'" '. $bg_color .'>';" insert this : $output .= '<a class="post-click" href="'. get_permalink() .'"></a>'; - put this new "content-post.php" in your child theme in a new (or not) "includes" folder. - in "functions.php" of your child theme : add this : require_once( get_stylesheet_directory() .'/includes/content-post.php' ); - in "style.css" of your child theme add this : .post-click { position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; z-index: 10; background-color: white; opacity: 0; }
Comments
we are sorry but with masonry, it is possible to click the title. only. It is not possible to make the image as a link with this blog style.
Thanks!
To make the entire image clickable and not just the title :
- take file "content-post.php" in the folder "includes"
- after the line "$output .= '<div class="'. $post_class .'" '. $bg_color .'>';" insert this :
$output .= '<a class="post-click" href="'. get_permalink() .'"></a>';
- put this new "content-post.php" in your child theme in a new (or not) "includes" folder.
- in "functions.php" of your child theme : add this :
require_once( get_stylesheet_directory() .'/includes/content-post.php' );
- in "style.css" of your child theme add this :
.post-click
{ position: absolute; width: 100%; height: 100%; top: 0; left: 0;
text-decoration: none; z-index: 10; background-color: white; opacity: 0;
}
Enjoy the trick:)