Add Permalink to Post Thumbnail

  • I am unable to do “Add Permalink to Post Thumbnail” the post link is showing when inspecting the image src value but in front end it will not rendering the link event on post_thumbnail click.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

  • First of all, whatever design we do, don’t forget to test it in mobile (small screen).

    Now to answer the question: the main reason why the image is not clickable is because it’s absolute positioned and the div below it has this large top padding, so this padding occupied all the image area.

    There is other info that you need to know about stacking order. The opacity (or grayscale effect) on image will mess with natural stacking order of elements.

    Instead of what you have now for these 3 selectors, use this version, it works (I tested it using Chrome web dev tool).

    
.latest-leaflet {
	position: relative;
	margin: 5px 0;
}

.latest-leaflet img {
	margin-bottom: -80px;
}

.latest-leaftlet-detail {
	padding: 0 5% 0;
	z-index: 1;
	position: relative;
}
    Thread Starter manishbizspoint

    (@manishbizspoint)

    Thank you. It Works.

    Thread Starter manishbizspoint

    (@manishbizspoint)

    Thanks Paul. I also want to know how to do “Repeat one row (For Special Issue) when admin create any category from back end and post under same. Because right now there is only two category which I have custom coded but in future if they want to add one more row/category then they stuck that time.

    Reference Link
    https://180.151.39.131:8081/leaflet/specialissues/

    I’m sorry, I don’t quite understand the question. If this is related to the question in the OP, please clarify more in details.

    If this is another thing, please feel free to create another topic for it.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Add Permalink to Post Thumbnail’ is closed to new replies.