Hướng dẫn hiện thị 3 Featured Posts dưới Footer trong Parallax Pro

featured-posts-columns-footer-1-parallax-pro

Step 1

Cài đặt và kích hoạt Genesis Featured Widget Amplified plugin.

Step 2

Thêm đoạn code sau vào file  functions.php trong thư mục child theme:

//* Do NOT include the opening php tag
 
//* Add new image size
add_image_size( 'home-featured', 360, 150, true );

Step 3

Cài đặt vài kích hoạt plugin Regenerate thumbnails

Step 4

Vào Appearance > Widgets. Thêm ‘Genesis – Featured Widget Amplified’ widget vào ‘Footer 1′ widget area vào cài đặt các thông số như hình sau

genesis-featured-widget-amplified

Step 5

Thêm đoạn code sau vào file style.css:

.footer-widgets .featuredpost .entry {
	float: left;
	width: 31.5789473684%; /* [container's width - (number of columns - 1)xgap] / number of columns */
	margin-left: 2.6315789474%; /* (gap / container's width)x100 */
}
 
.footer-widgets .featuredpost .entry:nth-of-type(3n+1) {
	clear: left;
	margin-left: 0;
}
 
@media only screen and (max-width: 960px) {
 
	.footer-widgets .featuredpost .entry {
		margin-left: 0;
		width: 100%;
		margin-bottom: 50px;
	}
 
}

Leave a Comment