[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.

[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.

[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

[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.

[Driven13]

Thanx Sakin.

That did the trick.

I think I can move forward now.

Best,

–d.

[Driven13]

Thanx Sakin.

Your code helped me as I was adding it in the wrong spot in the functions.php file…[:0(

It is working fine now and I will tweak it to get it placed exactly where I want it.

To that end, I have one follow-up question: The attached picture below shows the placement of the box with the style that you had provided: right: 5%;
But I cannot get it to move more to the right, for example, right below the “Sample Page” link.

Can you please tell me how I can move it more towards the right…???

Thanx as always.

–d.

[Driven13]

Thanx Sakin.

I have done what you have suggested but any changes I make in the functions.php file does not reflect on the site.

I have the functions.php file in /wp-content/themes/kathmandu-child/

Can you tell me what I am doing wrong…??

Here are the contents of my functions.php file:

<?php

function catchkathmandu_featured_image() {
	//delete_transient( 'catchkathmandu_featured_image' );	
	
	// Getting Data from Theme Options Panel
	global $catchkathmandu_options_settings, $catchkathmandu_options_defaults;
   	$options = $catchkathmandu_options_settings;
	$defaults = $catchkathmandu_options_defaults;
	$enableheaderimage = $options[ 'enable_featured_header_image' ];
		
	if ( !$catchkathmandu_featured_image = get_transient( 'catchkathmandu_featured_image' ) ) {

		if ( !empty( $options[ 'featured_header_image' ] ) ) {
			
			$catchkathmandu_featured_image = '<div id="header-image">';
			
			// Header Image Link and Target
			if ( !empty( $options[ 'featured_header_image_url' ] ) ) {
				//support for qtranslate custom link
				if ( function_exists( 'qtrans_convertURL' ) ) {
					$link = qtrans_convertURL($options[ 'featured_header_image_url' ]);
				}
				else {
					$link = esc_url( $options[ 'featured_header_image_url' ] );
				}
				//Checking Link Target
				if ( !empty( $options[ 'featured_header_image_base' ] ) )  {
					$target = '_blank'; 	
				}
				else {
					$target = '_self'; 	
				}
			}
			else {
				$link = '';
				$target = '';
			}
			
			// Header Image Title/Alt
			if ( !empty( $options[ 'featured_header_image_alt' ] ) ) {
				$title = esc_attr( $options[ 'featured_header_image_alt' ] ); 	
			}
			else {
				$title = ''; 	
			}
			
			// Header Image
			if ( !empty( $options[ 'featured_header_image' ] ) ) :
				$feat_image = '<img class="wp-post-image" src="'.esc_url( $options[ 'featured_header_image' ] ).'" />'; 	
			else:
				// if empty featured_header_image on theme options, display default
				$feat_image = '<img class="wp-post-image" src="'.esc_url( $defaults[ 'featured_header_image' ] ).'" />';
			endif;
			
			$catchkathmandu_featured_image = '<div id="header-featured-image">';
				// Header Image Link 
				if ( !empty( $options[ 'featured_header_image_url' ] ) ) :
					$catchkathmandu_featured_image .= '<a title="'.$title.'" href="'.$link.'" target="'.$target.'"><img id="main-feat-img" class="wp-post-image" alt="'.$title.'" src="'.esc_url( $options[ 'featured_header_image' ] ).'" /></a>'; 	
				else:
					// if empty featured_header_image on theme options, display default
					$catchkathmandu_featured_image .= '<img id="main-feat-img" class="wp-post-image" alt="'.$title.'" src="'.esc_url( $options[ 'featured_header_image' ] ).'" />';
				endif;
			$catchkathmandu_featured_image .= '</div><!-- #header-featured-image -->';
		}
			
		set_transient( 'catchkathmandu_featured_image', $catchkathmandu_featured_image, 86940 );	
	}	
	
	echo $catchkathmandu_featured_image;
	
} // catchkathmandu_featured_image

Thanx in advance.

–d.

[Driven13]

Hi Sakin.

Ok, I am back asking for some help in getting the site to look like the attached image, that we talked about before. I am using Kathmandu-Pro.

I have the theme set up as a child theme and I have the “Homepage Featured Image” turned on and the “Slider” turned off.

Can you please tell me how I can get the form on top of the “Homepage Featured Image” as shown in the mockup below…??

Thanx much in advance.

Best,

–d.

[Driven13]

oh..hhaha…my bad…..I apologize profusely.

I did not realize that you are part of the crew/developer. Usually they are marked as such against your avatar/name.

Thank you for all your help.

I am going to buy this theme.

All the best.

[Driven13]

Saskin, thanx for the instructions.

If I buy this theme and use it I may ask for your help a bit…[:0)

Question: Is support on this site as non-existent as what I have just experienced in trying to get someone from the developers to answer here…??

As a consumer, this gives me pause in using any of their products.

Thanx again.

[Driven13]

@Sakin: I can easily add some custom CSS to position it on the top picture.

So, I guess my question is that there is an actual widget-area that I can use to do this as part of the theme…??

I wish a support team member would chime in here as, after all, I am trying to make up my mind about buying their product…[:0)

Thanx for your responses Sakin.

Best.

[Driven13]

Thanx for your response Sakin.

So does this mean that the site can look like this?

We just need one static picture without a slideshow.

All the best.

[Author]

Posts