WordPress.org

Ready to get started?Download WordPress

Forums

Depending on Browser, Sometimes Thumbnail Doesn't Appear on Index Page (11 posts)

  1. sophiawalker
    Member
    Posted 3 years ago #

    I am using the Clear Line theme, and depending on which browser I'm using the thumbnail of my latest post doesn't appear on the index page of my blog.

    Here is a post that shows the problem:

    http://www.goddesssophiawalker.com/wordpress/2011/01/12/is-my-blog-layout-screwed-up-on-your-browser-please-help/

    When I view my blog on IE 7 the thumbnail appears for my latest post, but when I use Mozilla the thumbnail is gone, all you can see is the thumbnail border squeezed into the left hand margin of the index page.

    Any suggestions as to how I can fix it so the thumbnail for my latest post appears correctly in all browsers?

    Thanks VERY much!!!

  2. elfin
    Moderator
    Posted 3 years ago #

    works for in Firefox.

    however there are one or 2 issues with your theme that needs fixing - this appears at the top of the source, looks duplicated to me...

    <!DOCTYPE html>
    
    <html dir="ltr" lang="en-US">
    <!-- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> -->
    <head>
    
    <!DOCTYPE html>
    <html dir="ltr" lang="en-US">
    <!-- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> -->
    <head>
  3. sophiawalker
    Member
    Posted 3 years ago #

    Hey thanks for the help! Where would that duplicated code appear in my files? Is that in the stylesheet?

  4. sophiawalker
    Member
    Posted 3 years ago #

    Sorry I found it in my header file!

    I still show the thumbnail issue though :(

  5. sophiawalker
    Member
    Posted 3 years ago #

    Oh no I deleted the duplicate code and now my layout is totally screwed up.

    It's aligned to the left margin now!

  6. elfin
    Moderator
    Posted 3 years ago #

    In IE I couldn't get the image to show, removing the max-width:100% from the styles (appears twice, both need deleting) for img (or post-img) seemed to fix it.

  7. sophiawalker
    Member
    Posted 3 years ago #

    Thenks again, we're almost there!

    The thumbnail now shows in both IE and Mozilla, which is awesome.

    There are two further issues though...

    Now the column thumbnails overlap the borders, not sure how to fix that.

    And when I go to the successive pages off the index page, the borders of the thumbnails are off as well, only in this case the borders seem to have an increased padding on the bottom edge.

    Thanks again, I appreciate the help.

  8. elfin
    Moderator
    Posted 3 years ago #

    .post-thumbnail, .regular-post-thumbnail {
        border: 1px solid #949292;
        padding: 3px;
    }

    removing that padding fixes the first issue. After fixing that I'd need a link to a page with the other issue.

  9. sophiawalker
    Member
    Posted 3 years ago #

    I'm starting to understand a little better where the issues are, so we are getting there!

    Here is my URL again for easy reference:

    http://www.goddesssophiawalker.com/wordpress/

    On my index page, if you look at the latest post thumbnail now, it the border is centered correctly, but the bottom padding of the border is more than the sides or top. That is the same issue with the thumbnails on the pages of earlier posts, as seen here:

    http://www.goddesssophiawalker.com/wordpress/page/2/

    The lower column thumbnails have the border off, the pictures seem to be floating to the right, outside the border.

    The problem is I really like the thumbnail borders, I would like to keep them if I could get them to work right.

    Sorry to be such a pain about this, thanks again for your help and patience!

  10. elfin
    Moderator
    Posted 3 years ago #

    Sorry to say but you'll have to just play with the padding amounts until you get there. I've started you off.. now it's time for you to try ;)

    (plus I've just tried and can't find an easy fix - but playing with the padding amounts should fix it)

  11. sophiawalker
    Member
    Posted 3 years ago #

    Thanks very much for all your help.

    I wish the folks who created the theme actually provided support for it, but no.

    Oh well, maybe someone else familiar with Clear Line is out there?

Topic Closed

This topic has been closed to new replies.

About this Topic