Forums

[resolved] Cluttered/Crappy Front Page of my wordpress blog (14 posts)

  1. junnjun013
    Member
    Posted 2 years ago #

    Hi!!!Recently i noticed that my blogs front page has been messy, cluttered and a bit crappy. I have done nothing that might cause it and I don't know what to do...When you click on individual post pages you'll see a regular arrangement of widgets it only happen in the front page...Please help me...Here's my blog address: http://junnjunmendoza.co.cc
    Thank you

  2. iwpdesign
    Member
    Posted 2 years ago #

    One of your widget do that. Try to deactivate all and look than at your front page.

  3. junnjun013
    Member
    Posted 2 years ago #

    Is it Widgets or plugins???Its hard to deactivate widgets....

  4. iwpdesign
    Member
    Posted 2 years ago #

    i thinks is the widgets... ads and the rest.
    anyway deactivate all your plugins and widgets.

  5. junnjun013
    Member
    Posted 2 years ago #

    I think its not.I ve tried to deactivate almost all though but nothing happens...And I've not added any widgets or plugins just another post....It work smoothly before i dont know what happened...Maybe in the post itself??Because I tried to post a new one it does not act like the ones below...

  6. junnjun013
    Member
    Posted 2 years ago #

    Isnt it a virus or something??It only affects the last three posts in the front page.The post widens it does not follow the margins and ive tried another themes it remains the same...

  7. Eaglewings
    Member
    Posted 2 years ago #

    My guess is one of your posts on the front page exceeds the post width and thusly it is throwing your side bar off. Check the picture sizes and check the PAYPAL ad. Try removing posts from the front page until you find the one that is causing the problem.

  8. Eaglewings
    Member
    Posted 2 years ago #

    Once you find out which post is causing the problem edit it and repost it.

  9. Alex Mansfield
    Member
    Posted 2 years ago #

    junnjun013, I don't know which widget or file is causing the problem, but I've narrowed it down a bit. Each post that works properly had is enclosed with a div with the class postwrap. For example:

    <div class="postwrap">

    There is no "postwrap" div surrounding the overflowing posts. I'm not sure why that's the case, but that's where the problem is coming from. If deactivating widgets iwpdesign suggested doesn't work, try looking through the theme files for <div class="postwrap"> (probably in the index.php file) and see if you can figure out why the postwrap div is only being applied to some posts.

  10. junnjun013
    Member
    Posted 2 years ago #

    I am not really comfortable with editing Php files can you help me???
    Heres the content of my index.php

    <?php get_header(); ?>

    <div id="content">
    <div class="postwrap">
    <?php if (have_posts()) : ?>
    <?php while (have_posts()) : the_post(); ?>
    <div class="post" id="post-<?php the_ID(); ?>" style="padding-bottom: 40px;">
    <div class="posthead">
    <h1>" href="<?php the_permalink() ?>" rel="bookmark">
    <?php the_title(); ?>
    </h1>
    <small class="postauthor">Posted by
    <?php the_author() ?>
    <?php edit_post_link('Edit'); ?>
    </small>
    <p class="postdate"> <small class="month">
    <?php the_time('M') ?>
    </small> <small class="day">
    <?php the_time('j') ?>
    </small> </p>
    </div>
    <div class="postcontent">
    <?php the_content('Read the rest of this entry'); ?>
    </div>
    <div class="postinfo">
    <li class="postcomments">
    <?php comments_popup_link('0 Comments', '1 Comment', '% Comments'); ?>

    <li class="postcat">Filed under:
    <?php the_category(', ') ?>
    <div class="clearer"></div>
    </div>
    </div>
    <!--<?php trackback_rdf(); ?>-->
    <div class="clearer"></div>
    <?php endwhile; ?>
    <?php else : ?>
    <h2>
    <?php _e('Not Found'); ?>
    </h2>
    <p>
    <?php _e('Sorry, no posts matched your criteria.'); ?>
    </p>
    <?php endif; ?>
    <div class="Nav">
    <?php if(function_exists('wp_pagenavi')) { wp_pagenavi();} else { posts_nav_link(' — ', __('« Go Back'), __('View more posts »'));} ?>
    </div>
    </div>
    <?php get_sidebar(); ?>

    </div>
    <?php get_footer(); ?>

  11. junnjun013
    Member
    Posted 2 years ago #

    Can anyone help me figure this out???

  12. Alex Mansfield
    Member
    Posted 2 years ago #

    Ok, I found it. It's not in the index.php file after all. In fact, it's not in any of the theme files. Your post "A Smashing Vacation in the Islands of Masbate" has an extra </div> in it, which is ending the .postwrap div too early. Go ahead and log into WordPress and edit that post. You'll have to click the "HTML" tab at the top right so you can edit the actual code. You want to find this section:

    <span style="line-height: 17px;">Jintotolo Island, Masbate</span></dt>
    </dl>
    </div>
    <p style="text-align: justify;">Summer heat did not resist...

    Now delete this section of it:

    </dt>
    </dl>
    </div>

    That was what was causing the problem. Good luck!

  13. junnjun013
    Member
    Posted 2 years ago #

    Wow awesome. It worked perfectly. By the way how did you get the html code for my post??Thanks a lot anyway...alexmansfield Your the man...

  14. Alex Mansfield
    Member
    Posted 2 years ago #

    You can view the HTML code for a web page from pretty much any web browser. For Firefox, go to View>Page Source, or type Ctrl+U. Keep in mind, this is only the HTML. PHP code runs on the server and never gets sent to the browser, so there's no way to check PHP code like that. I just looked through the PHP code you posted and couldn't find the problem so I figured I'd check the HTML page source. I'm glad it's working for you now!

Topic Closed

This topic has been closed to new replies.

About this Topic