Or there can be a different solution. Showing post titles in featured images.
<div class="single-featured-image">
<h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
<?php if ( has_post_thumbnail()) : the_post_thumbnail('full'); endif; ?>
</div>
.single-featured-image {
position:relative;
width: 600px;
overflow:hidden;
}
.single-featured-image h2 {
background-color: Black;
color:white;
font-size: 20px;
position:absolute;
bottom:0px;
left:0px;
padding-left:10px;
padding: 10px;
-moz-opacity:.80;
filter:alpha(opacity=80);
opacity:.80;
width:600px;
display: block;
}
.single-featured-image h2 a {
color:white;
}
.single-featured-image h2 a:visited {
color:white;
}
.single-featured-image h2 a:hover {
color:white;
}
.single-featured-image {
position:relative;
width: 600px;
overflow:hidden;
}
.single-featured-image h2 {
background-color: Black;
color:white;
font-size: 20px;
position:absolute;
bottom:0px;
left:0px;
padding-left:10px;
padding: 10px;
-moz-opacity:.80;
filter:alpha(opacity=80);
opacity:.80;
width:600px;
display: block;
}
.single-featured-image h2 a {
color:white;
}
.single-featured-image h2 a:visited {
color:white;
}
.single-featured-image h2 a:hover {
color:white;
}
But how to do that?
To organize display order of thumbnail, title, meta fields… please upgrade to Pro plugin.
With Pro plugin, it is easy to change display order of fields simply by drag & drop.
