Entry Text Keeps Getting Smaller

Up..

You need to provide a link to your site for anyone to see what you are talking about.

Here is a screen shot of the problem. The text gets smaller with each entry, but appears normal when I go to the direct entry itself.

https://img510.imageshack.us/img510/2219/texttba6.jpg

A picture doesn’t tell us anything about the code underneath. Without being able to go to your site and view source, it’s hard to tell you what to do.

The problem is almost certainly in your theme’s CSS. The font size for the text entries is being reduced using relative sizing (should look something like .8em or 80%) but, if the second entry is being displayed inside the first, the font size of the 2nd entry then ends up being “80% of 80%” etc. etc.

The end result is text that gets smaller and smaller with each additional entry.

You need to identify the elements enclosing this problem text and then check through your CSS file(s) for any font-size declarations that might apply to these elements. Try removing each declaration one at a time until you find the offending line.

Sorry to disagree but…

It is more likely to be a missing end div. So rather than checking through your css, check through your template file.

I usually find https://validator.w3.org/ to be useful if I have trouble spotting it.

esmi,

Here is my CSS theme. Do you notice anything irregular?

body { font-family:’Verdana’; font-size:10px; }
#wrap { width:980px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#666; margin:0 auto; }
#header { height:56px; width:301px; position:relative; color:#000; margin-bottom:3px; float:left; padding:0; }
#header h1 { text-indent:-10000px; margin:0; padding:0; }
#header h1 a { display:block; background:url(images/logo.gif) no-repeat left top; height:56px; }
#search { margin-top:30px; float:right; padding:0; }
input#searchsubmit { background:#fc6; border:2px solid #f93; color:#333; font-size:13px; }
a:hover { text-decoration:none; color:#555353; border:none;}
.left { float:left; width:200px; border:3px solid #f3f3f3; margin:10px 0; padding:10px; }
.right { float:right; width:170px; border:3px solid #f3f3f3; margin:10px 0; padding:10px; }
.right img { border:0; display:block; margin-left:auto; margin-right:auto; }
.middle { margin-top:10px; line-height:16px; margin-left:10px; float:left; width:718px; border:3px solid #f3f3f3; overflow:hidden; padding:10px; font-size:11px; }
.middle h2 { font-size:16px; border-bottom:dashed 1px #ccc; margin:0 7px 3px 0; padding:3px 0; }
.middle img { border:4px #eee solid; }
.ads { margin-top:10px; line-height:16px; margin-left:10px; float:left; width:510px; border:3px solid #f3f3f3; text-align:center; padding:10px; }
.ads img { border:0; text-align:center; }
img.wp-smiley { border:0; padding:0; }
#footer { width:980px; margin-top:20px; text-align:center; clear:both; padding:10px; }
div.hr { height:3px; background:#fff url(images/hr.gif) repeat-x scroll center; clear:both; }
div.br { height:10px; background:#fff url(images/br.gif) repeat-x scroll center; clear:both; }
.alignright { float:right; }
.alignleft { float:left; }
.gcomment { border-left:none; vertical-align:middle; border-right:none; margin-bottom:3px; border-bottom:1px solid #f3f3f3; background-color:#F7F7F7; padding:3px; }
.ucomment { border-left:none; border-right:none; margin-bottom:3px; border-bottom:1px solid #f3f3f3; background-color:#fbfbf1; padding:3px; }
input#submit { background:#fc6; border:2px solid #f93; color:#fff; font-size:13px; }
ol.commentlist { margin:0 0 1px; padding:0; }
ol.commentlist li { list-style:none; margin:0; padding:13px 13px 1px; }
ol.commentlist li.commenthead { list-style:none; margin:0; }
ol.commentlist li.commenthead h2 { margin:0; }
span {}
.addthis { float:right; clear:both; }
a:link,a:active,a:visited { text-decoration:none; color:#416e90; border:none; }
.left h2,.comments h3 { font-size:14px; border-bottom:dashed 1px #ccc; margin:0 7px 3px; padding:3px 0; }
.left ul,.right ul { list-style-type:none; margin:0; padding:0; line-height:150%; font-size:11px; }
.left ul li,.right ul li { list-style-type:none; margin:0 0 20px; padding:0; }
.left ul li ul,.right ul li ul { list-style-type:square; margin:0; padding:0 3px; }
.left ul li ul li,.right ul li ul li { list-style-type:none; background:transparent url(images/bullet.gif) no-repeat 0 4px; border:0; margin:0; padding:0 0 2px 14px; }
.left ul li ul li :none
.right h2,.comments h3 { font-size:14px; border-bottom:dashed 1px #ccc; margin:0 7px 3px; padding:3px 0; }
.right ul,.right ul { list-style-type:none; margin:0; padding:0; line-height:150%; font-size:11px; }
.right ul li,.right ul li { list-style-type:none; margin:0 0 20px; padding:0; }
.right ul li ul,.right ul li ul { list-style-type:square; margin:0; padding:0 3px; }
.right ul li ul li,.right ul li ul li { list-style-type:none; background:transparent url(images/bullet.gif) no-repeat 0 4px; border:0; margin:0; padding:0 0 2px 14px; }
.right ul li ul li :none
div.hr hr,div.br br { display:none; }
.middle2,.middle3 { margin-top:10px; line-height:16px; margin-left:10px; float:left; width:237px; border:3px solid #f3f3f3; overflow:hidden; padding:10px; }
.middle2 h2,.middle3 h2 { font-size:14px; border-bottom:dashed 1px #ccc; margin:0 7px 3px 0; padding:3px 0; }
.middle2 :hover,.middle3 :hover { background:#fafafa; }
.ucomment img,.addthis img { border:0; }

Here’s my page.php template file, is this the one you need to see? Sorry for my inexperience.

<?php get_header(); ?>
<?php get_sidebar(); ?>
	<div class="middle">
<div align="center" style="padding:10px;">

</div>
	<?php if (have_posts()) : ?>

		<?php while (have_posts()) : the_post(); ?>

			<div id="post-<?php the_ID(); ?>">
				<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h2>

				<div class="entry">
					<?php the_content('Read the rest of this entry &raquo;'); ?>
				</div>

			</div>
<div class="br"></div>
		<?php endwhile; ?>

	<?php else : ?>

		<h2 class="center">Not Found</h2>
		<p class="center">Sorry, but you are looking for something that isn't here.

	<?php endif; ?>

	</div>

<?php get_sidebar(); ?>

<?php get_footer(); ?>

a url of the site would make things far easier to figure out.

https://www.buymmadvds.com

Ok, but I’m not seeing any page on the site where what you describe is happening…. (looking at it in Firefox). Can you tell us which page to look at?

Also, what browser are you viewing the site in? Sometimes things break in one browser but don’t in another….

Ugh, sorry guys. Here is the proper link.

https://www.buymmadvds.com/blog

Anybody?

well… a few errors

Here’s a snippet of your code for individual posts:

<div id="post-475">

   <h2><a href="[LINK DELETED]" rel="bookmark" title="Permanent Link to blah blah test">[TEXT DELETED]</a></h2>

 <p><small>
    <div class="entry">
       <p>[TEXT DELETED]</p>
       <p>[TEXT DELETED]</p>
       <p>[TEXT DELETED]</p>
   </div>

There are things I immediately notice that are causing your problem. The first is that the opening DIV (id=”post-475″) is never closed. Furthermore, the class=entry DIV is wrapped inside a <p><small> that is also not closed.

So you have these nested <p><small> tags with no closing tags — by nesting the SMALL tags, each post gets smaller and smaller.

You need to revisit your template and close those tags. There may be other errors (samboll’s link above will help you find them), but these are almost certainly what is causing the increasingly tiny text.

I advise that you view your site in Firefox and install the Web Developer and/or Firebug plugins. They can be useful for understanding the structure of your page, and the CSS affecting it. And get a good HTML/CSS editor to view your code — there are many free ones, so you can Google for this.