Trying to re-create the "Featured Content" boxes on homepage

Hi Sakin.

Thanx for the response but I think I am not explaining my needs well.

If I use the “Featured Content Options” through the control panel then I cannot add all the other content to the homepage that I want.

So I am choosing a separate “regular page” and making it my homepage via Settings > Reading > Homepage

So on this “regular page” Homepage I want the nice 4 boxes to show up. So I was wondering if you have the HTML-code for the 4 boxes that I can add to my homepage WITHOUT having to go through the control panel (“Appearance => Featured Content => Featured Image Content Options”).

All I need is the structure and CSS and I can MANUALLY add the picture, headline, description, etc.

Please let me know if I am not being clear still.

Thanx in advance.

–d.

Thanx Sakin. That is very useful and what I was indeed looking for.

Any idea why the code below is putting the two boxes in two rows each, when it should be all in one row…????

I copied it from the Source Code of the homepage and then pasted it into a regular page. Other text below it is showing up fine full width and no margin. But these 4 boxes are showing up in two rows instead of one.

<section id="featured-post" class="layout-four">
<h1 id="feature-heading" class="entry-title">Homepage Featured Content</h1>
<div class="featued-content-wrap"><article id="featured-post-1" class="post hentry"><figure class="featured-homepage-image"><a title="Featured Content" href="http://catchthemes.com/theme-instructions/catch-kathmandu-pro/" target="_blank">
<img class="wp-post-image" title="Featured Content" src="http://catchthemes.com/demo/catch-kathmandu/wp-content/themes/catch-kathmandu-pro/images/demo/spectacular-dhulikhel-360x240.jpg" alt="Featured Content" />
</a></figure>
<div class="entry-container"><header class="entry-header">
<h1 class="entry-title"><a title="Featured Content" href="http://catchthemes.com/theme-instructions/catch-kathmandu-pro/" target="_blank">Featured Content</a></h1>
</header>
<div class="entry-content">You can either change the image and text or disable it through “Appearance => Theme Options => Homepage Settings => Homepage Featured Content Options”</div>
</div>
<!-- .entry-container -->

</article><!-- .post -->

<article id="featured-post-2" class="post hentry"><figure class="featured-homepage-image"><img class="wp-post-image" title="Swayambhunath" src="http://catchthemes.com/demo/catch-kathmandu/wp-content/themes/catch-kathmandu-pro/images/demo/swayambhunath-360x240.jpg" alt="Swayambhunath" /></figure>
<div class="entry-container"><header class="entry-header">
<h1 class="entry-title">Swayambhunath</h1>
</header>
<div class="entry-content">Swayambhunath is an ancient religious site up in the hill around Kathmandu Valley. It is also known as the Monkey Temple as there are holy monkeys living in the temple.</div>
</div>
<!-- .entry-container -->

</article><!-- .post -->

<article id="featured-post-3" class="post hentry"><figure class="featured-homepage-image"><img class="wp-post-image" title="Wood Art" src="http://catchthemes.com/demo/catch-kathmandu/wp-content/themes/catch-kathmandu-pro/images/demo/wood-art-360x240.jpg" alt="Wood Art" /></figure>
<div class="entry-container"><header class="entry-header">
<h1 class="entry-title">Wood Art</h1>
</header>
<div class="entry-content">It is the traditional architecture in the Kathmandu valley in temples, palaces, monasteries and houses a perfected Neawri art form generally carved very artistically out of Wood.</div>
</div>
<!-- .entry-container -->

</article><!-- .post -->

<article id="featured-post-4" class="post hentry"><figure class="featured-homepage-image"><img class="wp-post-image" title="Nepal Prayer Wheels" src="http://catchthemes.com/demo/catch-kathmandu/wp-content/themes/catch-kathmandu-pro/images/demo/nepal-prayer-wheels-360x240.jpg" alt="Nepal Prayer Wheels" /></figure>
<div class="entry-container"><header class="entry-header">
<h1 class="entry-title">Nepal Prayer Wheels</h1>
</header>
<div class="entry-content">A Prayer wheel is a cylindrical wheel on a spindle made from metal, wood, stone, leather or coarse cotton. The practitioner most often spins the wheel clockwise.</div>
</div>
<!-- .entry-container -->

</article><!-- .post -->

</div>
<!-- .featued-content-wrap -->

</section><!-- #featured-post -->

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In id leo sagittis tellus placerat congue. Nam luctus iaculis massa nec iaculis. Integer sollicitudin placerat sagittis. 

Thank you as always.

–d

Hi.

Unfortunately, it is on localhost so I cannot send you link yet.

But the code above is EXACTLY what I copied from the source code of the homepage and pasted into this new page. You will notice that the code is between the section tags.

–d.

Hi.

I cannot publish the site as yet.

But will let you know as soon as I do so and need you help.

Appreciate all your help so far.

Best,

–d.