Changes

Changes to Design template: Wave - Monsieur Graphic template - Posts List

System Change Can't Undo: The change does not exist	23667 Today 2:07am Vendeville, Mathieu Modified design template Restore

Design Id:

Component Class:

\Components\Website\Posts

Id:

list

Default Variation:

Html:

<div class="[? ($post['_index'] % 3 == 0) ? 'clearfix visible-lg' : '' ?]"></div>

			<div class="[? ($post['_index'] % 2 == 0) ? 'clearfix visible-xs visible-sm visible-md' : '' ?]"></div>



			<div class="col-xs-6 col-md-6 col-lg-4 margin-bottom40">

				<div class="boxed">

				<ss:logic:if test="$post['post_icon']">

					<a href="[? $post['post_content_url'] ?]">

					<ss:standard:image src="'/media/website_posts/' + $post['post_id'] + '/' + $post['post_icon']" alt="$post['post_title']" parsenow="alt,src" class="margin-bottom20" />

					</a>

				</ss:logic:if>

					<a href="[? $post['post_content_url'] ?]" class="noRedLink"><h4>[? $post['post_title'] ?]</h4></a>

					<p style="margin-bottom:40px;">[? $post['post_content_short'] ?]</p>

					<a href="[? $post['post_content_url'] ?]" class="rouge">Read more</a>

				</div>

			</div>

Css:

.post-list-area{

	border-bottom: 1px dashed #DDD;

	border-bottom: 1px dashed rgba(0, 0, 0, 0.15);

	margin-bottom: 15px;

	padding-bottom: 15px;

	padding-top: 15px;

}



.post-list-media{

	float:left;

	width:160px;

}



.post-list-content{

	margin-left:190px;

}



@media screen and (max-width: 500px) {

	.post-list-media {

		margin-bottom: 15px;

	}

	.post-list-content{

		margin-left:0;

		float:left;

	}

}