• hi,

    im having a problem with my wordpress site – the text in posts seems to gets smaller after each post… see for yourself:

    http://www.thebevlak.com/

    the theme im using is called Ambiru. i think this is a problem with css (i think in the entry section) but im a complete noob and cant work this out…. heres the section of code from the entry section of the theme:

    .entry{
    margin-bottom:15px;
    padding:5px 10px;
    font-size:0.8em;
    }

    .entrymeta{
    font-size:1.7em;
    text-color:#999999;
    }
    .entrymeta a{
    text-color:#999999;
    }
    .entrymeta a:hover{
    text-color:#999999;
    }
    .entrytitle h2{
    color:#999999;
    font-size:2.2em;
    }
    .entrytitle h2 a{
    color:#000000;
    }
    .entrytitle h2 a:hover{
    color:#999999;
    }
    .entrytitle h3{
    color:#999999;
    font-size:1.8em;
    }
    .postedby{
    }
    .filedto{
    background:url(“./images/file.gif”) no-repeat 0 2px;
    padding-left:15px;
    }
    .commentslink{
    background:url(“./images/comments.gif”) no-repeat 0 3px;
    padding-left:15px;
    }
    body#home .entry-1
    {
    background:#ffffff;
    border-bottom:1px dotted #999999;
    font-color: #999999

    }
    body#home .entry-1 .entrymeta{
    background: #ffffff;
    border-top:none;
    margin:-5px -10px;
    padding:5px 10px;
    }

    anyone who can solve this problem is eligible for a one off illustration by myself!

    many thnks

    sam

Viewing 11 replies - 1 through 11 (of 11 total)
  • 1. Do not copy and paste from MSWord to your WordPress. The font tags have been added and this wreaks havoc on your layout especially in IE. Convert MSWord to plain text file where you can copy and paste from.

    2. You have a closing > which was added/deleted somehow from your theme file. Check index.php or a static page you might have created for the front page.

    Thread Starter sambev2003

    (@sambev2003)

    hi, thanks for replying

    i dindt copy and paste from ms word at all when making this – did copy and paste from dreamweaver a few times, but it was just from a css stylesheet…

    not sure what you mean about the ‘>’ – where was it deleted from? where do i have to add this symbol? could you be more specific?

    1. copying and pasting from ….
    If you are not copying and pasting from MSWord and using DW, then you must have directly applied styling on your DW. If you look at the source code of your front page (Browser View>Source/Page Source)the following is an example –
    <p><b><font color="#999999">They’ve also invited me to do some live painting at the truman brewery gallery on the 18th october (saturday) so anyone who fancys keeping me company and maybe having a few beers is more thank welcome!</font></b></p>
    <b> for sure not from WP, WP automatically puts <strong> and </strong> on highlighted areas that you want bold
    – so please correct your posting by copying and pasting from plain text file like notepad or bbedit

    2. >
    Your theme, ambiru, has seven PHP files in theme. You might have opened one of them to customize/edit and inadvertently deleted or added > to it. I could see the extra character near bottom of your site frontpage and blog frontpage. It doesn’t appear in your Pages. So open up index.php of your theme and check for missing or added >

    Thread Starter sambev2003

    (@sambev2003)

    hi, thanks for replying again!

    1. on that particular post i was messing about with it and copy and pasted in firefox while i looked at the image – it was originally written directly into wordpress… thats why the html probably looks like that…

    2. this ‘>’ symbol…

    i deleted it just now- you were right, it was an added symbol that needed to be deleted, but this still doesnt make any difference to the size of the font. The problem is, that when viewed from the front page, (news section) in all posts after the first post, the font size is getting progressively smaller. the most recent post is the size i want, then as you scroll down to the next, the text in previous posts has been downsized somehow. i want the text to all be the same size as the first post… sorry if i didnt explain properly!! 😐

    on that particular post i was messing about with it and copy and pasted in firefox while i looked at the image – it was originally written directly into wordpress… thats why the html probably looks like that…

    Doesn’t matter if it was originally written into WP. The thing is, you’ve copied extraneous code into your WP by virtue of copying it from the other WP. Delete the extraneous code and your fonts will appear as the theme author intended it to appear – legible.

    Thread Starter sambev2003

    (@sambev2003)

    hello thanks for replying again,

    ive deleted that post and re-posted it now, but as i said before, its not the first post thats the problem, its the following posts. The most recent post is in the size i wanted, then the text in previous posts get smaller as the posts go down. i tried posting a test post with nonsense in it and saw that the text in the posts gets progressively smaller – this makes me think its a css or php code issue, as i cant think that a mistake in pasting would make the text get progressively smaller as you scroll down the page. any thoughts? heres a copy of the index.php code:

    <?php get_header(); ?>
    <div id=”content”>
    <?php if (have_posts()) :?>
    <?php $postCount=0; ?>
    <?php while (have_posts()) : the_post();?>
    <?php $postCount++;?>
    <div class=”entry entry-<?php echo $postCount ;?>”>
    <div class=”entrytitle”>
    <h2><?php if( is_single() ) : ?>
    <?php the_title(); ?>
    <?php else : ?>
    ” rel=”bookmark” title=”Permanent Link to <?php the_title_attribute(); ?>”><?php the_title(); ?>
    <?php endif; ?></h2>
    <h3><?php the_time(‘F jS, Y’) ?></h3>
    </div>
    <div class=”entrybody”>
    <?php the_content(‘Read the rest of this entry »’); ?>

    </div>
    <div class=”commentsblock”>
    <?php comments_template(); ?>
    </div>
    <?php endwhile; ?>
    <div class=”navigation”>
    <div class=”alignleft”><?php next_posts_link(‘« Previous Entries’) ?></div>
    <div class=”alignright”><?php previous_posts_link(‘Next Entries »’) ?></div>
    </div>

    <?php else : ?>

    <h2>Not Found</h2>
    <div class=”entrybody”>Sorry, but you are looking for something that isn’t here.</div>

    <?php endif; ?>

    </div>

    <?php get_sidebar(); ?>

    <?php get_footer(); ?>
    </body>
    </html>

    1. You need to clear cookies and delete cache. In IE and FF, the entry text is getting LARGER. In IE, the width of your container has expanded disproportionately.

    2. The extraneous codes in ALL your posts are still there. Make sure that the <p>, <font..stuff>, <style..stuff> are deleted before you paste from notepad to your WP. You really need to clean it up.

    Thread Starter sambev2003

    (@sambev2003)

    managed to fix this myself – was a css problem in the end. not sure what affect those extraneous codes are having, but the werent the problem, although im sure they are at some level… for me, all i want to do with this site is post work periodically, so the code doesnt bother me that much. in the end it was a problem with me getting confused at the ’em’ font sizes. heres the reviewed css code from the entry section – problem solved 🙂

    .entry{
    margin-bottom:0px;
    padding:5px 10px;
    font-size:1em;
    font-color:#999999;
    }

    .entrymeta{
    font-size:2em;
    font-color:#999999;
    }
    .entrymeta a{
    font-color:#999999;
    }
    .entrymeta a:hover{
    font-color:#999999;
    }
    .entrytitle h2{
    font-color:#999999;
    font-size:1em;
    }
    .entrytitle h2 a{
    font-color:#999999;
    }
    .entrytitle h2 a:hover{
    font-color:#999999;
    }
    .entrytitle h3{
    font-color:#000000;
    font-size:1em;
    }
    .postedby{
    }
    .filedto{
    background:url(“./images/file.gif”) no-repeat 0 2px;
    padding-left:15px;
    }
    .commentslink{
    background:url(“./images/comments.gif”) no-repeat 0 3px;
    padding-left:15px;
    }
    body#home .entry-1
    {
    background:#ffffff;
    border-bottom:1px dotted #999999;
    font-color: #999999;

    }
    body#home .entry-1 .entrymeta{
    background: #ffffff;
    font-size:1em;
    font-color: #999999;
    border-bottom:1px dotted #999999;
    margin:1px 10px;
    padding:5px 10px;

    Using WP 2.7, I ran into the problem on two different computers in two different locations.

    I don’t think it’s a code problem, but may have something to do with Firefox.

    When you make multiple edits to a post, the font will get small and render the blog smaller in Firefox.

    It displays fine in IE.

    Blogs that went small on me earlier this morning at home render fine on FF on an office laptop. I expect the blog I am seeing small now will look fine in FF when I get home.

    I just checked the site on Safari on a Mac, and it looks great.

    As far as I can tell, there is a problem with multiple edits and display in Firefox. Rebooting does not help. I may reinstall FF to see what happens if you do a repair on the install.

    It is probably a missing </small> tag in your index template.

    So basically for every post, you have the starting <small> tag, but because you’re missing the ending </small> tag, every post keeps getting smaller than the previous one.

    If you use Dreamweaver, simply do a “view source” of your blog’s home page, take the entire source, paste it into Dreamweaver as a new HTML page, go to the “code” view, and DW will highlight the broken tag in yellow.

    Hope this helps.

    Thanks!

    – Ravi
    Digital-Access-Pass.com

    I was having a similar problem only my text was getting larger after the first post. mercime was correct. I looked at all of my posts and one of them had extra coding in it that came over when I copied it from MS Word. I removed that code and all of my fonts went back to normal.

Viewing 11 replies - 1 through 11 (of 11 total)

The topic ‘Text in posts gets smaller – help!!!’ is closed to new replies.