Spike

Forum Replies Created

Viewing 3 posts - 1 through 3 (of 3 total)
Oct 22, 2015 at 4:40 pm
#35827
Member
Spike
OP

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.

Oct 16, 2015 at 5:56 pm
#35220
Member
Spike
OP
This reply has been marked as private.
Jun 17, 2015 at 10:36 pm
#30698
Member
Spike
OP

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)