Recent Posts horizontal layout « Streetwise Automotive and Truck Centre

For best results use the code below with “Full-width page” template. You have total flexibility in changing the width of the columns the number of columns and also you can change the image thumb dimensions to any width and height.

Inside each column there is the shortcode for the “U-Design: Recent Post” widget pulling all the posts from Category with ID “1”, of course you can change that to any category id. Also, to avoid repetition you will need to offset every next post by ‘1’. You can also specify all the other options to your liking.

If you don’t want the titles above the image thumbs, the ones that say “Title 1”, “Title 2”, etc… simply change the argument in the shortcode to an empty title title=""

Make sure that the last div ALWAYS has no right margin as in the code below margin-right:0; This is because the last column being the last in that row it doesn’t have any neighbour on the right-hand side so it doesn’t need any margin.

Recent Posts horizontal layout

Title 1

Title 2

Title 3

Title 4

Title 5

Title 6

About

Address