AJD

A child theme is easy to create, if all you need to edit is CSS. But it is a pain to make small structural changes… For example try adding a new div between the hgroup-wrap div and page-title-wrap div in the header….

Like nialei said, to change the accent color in your child theme, instead of importing the original style sheet, @import url("../interface/style.css"); just paste everything into your child’s style.css and then search and replace the color.

Hi this looks like a promising solution to display recurring events as a single event.

Is there a way to implement this without hacking the plugin? Perhaps a template override or hook/filter?

Thanks.

Indeed, that is a better solution.

The .mfp-hide class works great to hide the box and then display it. So, no need to create additional css for that part.

Cheers.

Update I realized that if an individual blog post doesn’t have a featured image or custom header, then it will default to the main header, I wanted it to default to the header that is set on the blog page (from above).

This sets individual posts to have the same header as the blog page, but only IF there is no custom header or featured image for that page.

Here’s the function to replace header_images():

function header_images() {
	$custom_image = ( is_singular() OR is_home() ) ? get_post_meta( get_the_ID(), 'matheson_custom_image', true ) : '';
    //set the blog_image
	$blog_image = get_post_meta( get_option('page_for_posts'), 'matheson_custom_image', true ) ;

    // check if we are on a singular page or the page set as the blog page
	if ( (is_singular() OR is_home() ) && ( ! empty( $custom_image ) || has_post_thumbnail() ) )
	   {
		if ( $custom_image ) {
			echo '<img src="' . esc_url( $custom_image ) . '" alt="" class="header-img" />';}
		else { 

			the_post_thumbnail( 'full', array( 'class' => 'header-img' ) );}
		}

    // if we are on a single blog post and there is no thumbnail set or custom image set,
	// then use the custom image set on the blog page if it is set.

	elseif (empty($custom_image) && !empty ($blog_image) && !has_post_thumbnail() && is_single() ){
		    echo '<img src="' . esc_url( $blog_image ) . '" alt="" class="header-img" />';
		}

	 else {
		$header_image = get_header_image();
		if ( ! empty( $header_image ) ) :
			?>
			<img class="header-img" src="<?php header_image(); ?>" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="" />
			<?php
		endif;
	}
}

(Its still a hack to the parent theme.)
Cheers

Unless I’m missing something key, it is not “intuitive” to get lightboxes to work.

Here’s an example of my solution:

Put this in your content:

[lightbox type="inline" src=".gift-box"] <h2>Click Here For Your Lightbox</h2>[/lightbox]

<div class="gift-box"> This is what will pop up in the lightbox [bestwebsoft_contact_form lang=en]</div>

add this to your theme .css file:

.gift-box {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 2px solid #CCCCCC;
  border-radius: 5px;
  height: 50%;
  margin: 0 auto;
  padding: 25px;
  position: relative;
  width: 50%;

}

.gift-box {
display: none;
}

.mfp-content .gift-box {
  display: block;

}
.su-lightbox > h2:hover {
  cursor: pointer;
  opacity: .6;
}

Unless I’m missing something key, it is not “intuitive” to get lightboxes to work.

Here’s an example of my solution:

Put this in your content:

[lightbox type="inline" src=".gift-box"] <h2>Click Here For Your Lightbox</h2>[/lightbox]

<div class="gift-box"> This is what will pop up in the lightbox </div>

add this to your theme .css file:

.gift-box {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 2px solid #CCCCCC;
  border-radius: 5px;
  height: 50%;
  margin: 0 auto;
  padding: 25px;
  position: relative;
  width: 50%;

}

.gift-box {
display: none;
}

.mfp-content .gift-box {
  display: block;

}
.su-lightbox > h2:hover {
  cursor: pointer;
  opacity: .6;
}