[Plugin: Meteor Slides] Static image if slideshow not assigned to page

Replace the second slideshow with a img tag to load a static image:

<?php if ( is_front_page() ) {

	if ( function_exists( 'meteor_slideshow' ) ) { meteor_slideshow("home", ""); }

} else {

	echo '<img src="', bloginfo( 'template_directory' ), '/images/default-header.jpg" alt="" />';

} ?>

Thank you!

Hi there,

Is there a way I can get the featured image to appear for a page if one exists in the place of the slider?

Thanks!!

Sure, just add a conditional to check for the featured image, like this:

<?php if ( is_front_page() ) {

	if ( function_exists( 'meteor_slideshow' ) ) { meteor_slideshow("home", ""); }

} elseif ( has_post_thumbnail() ) {

	the_post_thumbnail();

} else {

	echo '<img src="', bloginfo( 'template_directory' ), '/images/default-header.jpg" alt="" />';

} ?>

Fantastic, thank you Josh!!!

I am trying to get the captions and excerpts working. I can see them but they are cut off the bottom of the slider.

https://technibods.co.uk/headway

Do you have any idea on how I can get them to show in the bottom left corner please?

Thanks for a great plugin and amazing support!!

I see the title, but not the caption, are you outputting both?

Wrap the title and caption on a container, give it a class of “meteor-caption” or something, and then style that container like the caption example in the documentation:

.meteor-caption {
    background: transparent url('images/title-bg.png') repeat top left;
    bottom: 0;
    left: 0;
    color: #000;
    margin: 0;
    padding: 2%;
    position: absolute;
    text-align: left;
    width: 96%;
}

For that example, you’d need to create a semi-transparent background PNG for the caption and add it to your theme’s images.

Hi Josh,

I already had something like that in the custom CSS, I styled the excerpt to be wrapped in H1 tags, and am only outputting that so it is very simple for the customer to change the image text.

My problem is the positioning, it is cut off at the bottom of the slide – can you assist in how to correct that please?

Thanks so much!

Ah, I thought you needed both. I see the title, but no styling for the title. Try adding something like this to your theme’s stylesheet:

.meteor-slides h1 {
    bottom: 10px;
    color: #FFFFFF;
    font-size: 30px;
    height: 30px;
    left: 10px;
    line-height: 30px;
    margin: 0;
    padding: 0;
    position: absolute;
    text-shadow: 1px 1px 5px #000000;
    width: 100%;
}

Great, thank you Josh!

You’re welcome!