How to make thumbnail preview a link to the post?
-
Hello I am trying to recreate a post list like this:
https://iso.500px.com/category/craft/I am very close.. but I can’t figure out why my pagination isn’t working and how to hyperlink the thumbnails. Also my thumbnails are not changing size anymore it use to. but now it wont. Can someone help? Here is my code:
[posts]
<div class=”postItem”>
[post_thumbnail width=”323″ height=”533″]
<h4>[title]</h4>
[nav type=”plain” ajax=”1″ prev_text=”Previous” next_text=”Next”]
</div>
[/posts]css
#w4pl-list-[listid] .postItem{
float: left;
margin:0 1% 30px;
}
@media screen and ( min-width: 480px ) {
#w4pl-list-[listid] .postItem{width:30%;}
}
@media screen and ( max-width: 480px ) {
#w4pl-list-[listid] .postItem{width:98%;}
}
#w4pl-list-[listid] .postItem img {
float: left;
margin: 0 0px 15px;
}I’ve been trying to figure this out for the last 3 hrs… sorry im not a coder ??
- The topic ‘How to make thumbnail preview a link to the post?’ is closed to new replies.