Can’t get my background to scale with my post.

I have a page that displays an excerpt, which links to it’s post. Here’s the code:

<?php if ($pagename!=""){
	query_posts(array('category_name'=>$pagename));
	if(have_posts()) : while(have_posts()) : the_post(); 
?>
	<h2><?php the_title();?></h2> 
<?php  if (has_excerpt()){?>
	<p><?php the_excerpt(); ?></p>
a href="<?php echo get_permalink(); ?>" class="right-justified"> Read More...</a>
<?php 				}
					else{ ?>
						<p><?php the_post();?>
<?php
					}
				endwhile;
				endif;	
				wp_reset_query();
			}
?>

Here’s the css:

  background-image:url('old-paper.jpg');
  background-size:cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-color:red;
  position:relative;
  width:100%;
  height: 80%;
  padding-top:10%;
  display: flex;

The problem I’m having is that the background for the linked post stops at the same place it was at for the excerpt. That is, the “cover” function doesn’t adjust for the longer post length. Not only does the background image not scale to fill the div, but neither does the background color. How do I fix this?

• This topic was modified 6 years, 6 months ago by dsguffey.
• This topic was modified 6 years, 6 months ago by dsguffey.
• This topic was modified 6 years, 6 months ago by dsguffey.
• This topic was modified 6 years, 6 months ago by Steven Stern (sterndata). Reason: replaced blockquote with backticks