Spike

Forum Replies Created

Viewing 3 posts - 1 through 3 (of 3 total)

Spike
Member

Thanks for your reply. That “media-body-custom” class actually had some important formatting related to mobile/responsive viewing. I wasn’t able to 100% duplicate that formatting without that additional DIV, but I got it close. So this issue is now fixed. It is interesting that some CSS styling would affect the display from one version of WPDM to another.


Spike
Member
This reply has been marked as private.
in reply to: Remove file link from [thumb_gallery_WxH] Shortcode #30698

Spike
Member

OKay, well this is what I ended up doing to get what I needed; show a thumbnail without a link to the thumbnail image. Rather than use the “Additional Previews” feature, I used the “Featured Image.”

TEMPLATE

<div class="media">
    <span class="media-body-img">[thumb_150x200]</span>
    <div class="media-body">
<div class="media-body-custom">
    <h4 class="media-heading" style="padding-top: 0px;border:0px;margin: 0px;">[page_link]</h4>
    [download_link] <i style="margin: 2px 0 0 5px;opacity:0.5" class="icon icon-th-large"></i> [file_size] 
</div>    
</div>
</div>

CUSTOM CSS

.media-body {
	min-height: 120px;
	position: relative;
}
.media-body-img {
	display: block;
	float: left;
	margin-right: 8px;
}
.media-body-custom {
	margin: 0;
	position: absolute;
	top: 15%;
	transform: translate(0,-15%);
	padding-left: 1em;
}
Viewing 3 posts - 1 through 3 (of 3 total)