Recent Posts horizontal layout

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.

Title 1

Title 2

Title 3

Title 4

Title 5

Title 6

Smart eBookings

Smart eBookings was designed to simplify the task of online reservations. It provides users a unique, intuitive and easy to use interface that improves the way people use the web today. Through personalization and rich features, Smart eBookings enhances the entire Web experience.

We aim to be the most cost-effective and user friendly accommodation reservation system on the market today, starting from only 2,500/month.

Visit: www.SmarteBookings.com

About Us

Last few years we have built a strong reputation in Web / Internet sector. We urge you to just contact our client service or support where you can get a first-hand look of our work and discover the professionalism in pattern and in promotion that we provide.


Contact Us

Smart eDesigners
518, Amarathunga Road
Ragama, 11010
Sri Lanka.
Directions with Google Map


Opening Hours: 8am - 6pm (Mon-Fri)

T: (+94) 011 720 86 27
H: (+94) 011 2 95 48 48
E: info@smartedesigners.com