WP Download Manager Code.html

/* https://wordpress.org/plugins/download-manager/ */

[wpdm_category id="one-page-plans" cols="1" toolbar=0 item_per_page=5 template="link-template-wsv.php" order_by="title" order="desc" paging="0"]

/* Put in /theme-directory/download-manager/link-templates/link-template-wsv.php */

<!-- WPDM Link Template: Card -->
<div style="padding-bottom: 10px;">
<strong>[title]</strong><br />
<a href="[download_url]">Download</a>
</div>

<!-- WPDM Link Template: Customer Portal -->
<style type="text/css">
.btn-primary,
.btn-primary:link {
	font-size: inherit;
	line-height: inherit;
	font-weight: 300;
	text-decoration: none;
	text-transform: uppercase;
	color: #283C55;
	padding: 7px 20px 9px 20px;
	border: 1px solid #00B5EF;
	background-color: #FFFFFF;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-transition: all 0.2s ease-in 0s;
	-moz-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
	-ms-transition:all 0.2s ease-in 0s;
	transition: all 0.2s ease-in 0s;
} /* Default Button Styling */
.btn-primary:hover,
.btn-primary:focus {
	background: #283C55;
	color: #FFFFFF !important;
	border: 1px solid #283C55;
	text-decoration: none;
} /* Default Theme Button Styling */
.wpdm-grid-wrapper {
	width: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
}
.col-lg-12 {
	border-bottom: 1px solid #EBECED;
}
.col-lg-12:last-child {
	border-bottom: 0px solid #EBECED;
}
.wpdm-column-wrapper {
	height: 100%;
	overflow: hidden;
	padding: 10px 5px 5px;
	margin: 0px;
}
.wpdm-grid-wrapper {}
.wpdm-grid-left {
	margin: 0px;
	width: 70%;
}
.wpdm-grid-right {
	margin: 10px 0px 0px;
	width: 30%;
	text-align: right;
}
.wpdm-description p {
	font-family: din-2014, sans-serif;
	font-size: .8em;
    line-height: 1.2;
	padding-bottom: 10px !important;
}
@media only screen and (max-width: 992px) { 
	.wpdm-grid-wrapper {}
	.wpdm-grid-left {
		margin: 0px;
		width: 70%;
	}
	.wpdm-grid-right {
		margin: 10px 0px 0px;
		width: 30%;
		text-align: right;
	}
	.wpdm-column-wrapper {
		padding: 10px 5px 5px;
		margin: 0px;
	}
}
@media only screen and (max-width: 767px) {
	.wpdm-grid-wrapper {}
	.wpdm-grid-left {
		margin: 0px;
		width: 100%;
	}
	.wpdm-grid-right {
		margin: 0px 0px 10px;
		width: 100%;
		text-align: left;
	}
	.wpdm-column-wrapper {
		padding: 10px 5px;
		margin: 0px;
	}
	.wpdm-description p {
		padding-bottom: 0px !important;
	}
}
@media (max-width: 460px) {
	.btn-primary {
		width: 100% !important;
		text-align: center;
	} /* Force buttons full width on mobile */
}
</style>

<div class='wpdm-grid-wrapper'>
	<div class='wpdm-grid-left'>
		<div class='wpdm-column-wrapper'>
			<p style="margin-bottom: 10px;"><span style="font-weight: bold;">[title]</span> <span style="white-space: nowrap;">[file_type_icons] <span style="font-size: 8pt;">[file_size]</span></span></p>
			<div class="wpdm-description">[description]</div>
		</div>
	</div>
	<div class='wpdm-grid-right'>
		<div class='wpdm-column-wrapper'>[download_link]</div>
	</div>
</div>