[Driven13]

Hello Support.

I am trying to re-create the 4 boxes on the homepage with the picture and text via HTML on a “regular page”. I do not the default homepage that comes with the theme. I want to use a “regular page” for my homepage, that will have various other content including the 4 boxes.

I am having a hard time figuring out the HTML-code that will allow me to have these 4 boxes on my homepage so that I can then change the Title, Description, image, etc, manually of these individual 4 boxes. They need not “pull” this information from anywhere as I will be adding all of that manually.

Do you have the HTML-code for these 4 boxes so that I can edit it from within a “regular homepage”…??

Thanx in advance.

–d.

[Sakin]

@Driven13: You can add that Featured Content from “Appearance => Featured Content”. Then in “Select Content Type”, you can select “Image Content” and then add in image, title, content and link optional in “Appearance => Featured Content => Featured Image Content Options”.

Note: you can also select page or post or category in Select Content Type. For more, check out theme instructions page at http://catchthemes.com/theme-instructions/catch-kathmandu-pro/

[Driven13]

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.

[Sakin]

@Driven13: Hum, That featured image content is manual only. Ok for detail codes, you can open catchkathmandu-functions.php file and copy the code from function catchkathmandu_homepage_featured_content(). For CSS, open style.css and find the code in /* =Featured Posts

[Driven13]

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

[Sakin]

@Driven13: Don’t know may be something is missing. Can you send me url so that I can check in.

[Driven13]

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.

[Sakin]

@Driven13: Need to look at your css as well. So, need tot check your site. Can you upload it in your test site.

[Driven13]

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.

[Sakin]

@Driven13: Yes sure, let me know once you make it live.

[Author]

Posts