Depending on Browser, Sometimes Thumbnail Doesn't Appear on Index Page

Viewing 10 replies - 1 through 10 (of 10 total)
  • Anonymous User

    (@anonymized-3085)

    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" "https://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" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> -->
<head>

    Thread Starter sophiawalker

    (@sophiawalker)

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

    Thread Starter sophiawalker

    (@sophiawalker)

    Sorry I found it in my header file!

    I still show the thumbnail issue though ??

    Thread Starter sophiawalker

    (@sophiawalker)

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

    It’s aligned to the left margin now!

    Anonymous User

    (@anonymized-3085)

    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.

    Thread Starter sophiawalker

    (@sophiawalker)

    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.

    Anonymous User

    (@anonymized-3085)

    .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.

    Thread Starter sophiawalker

    (@sophiawalker)

    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:

    https://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:

    https://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!

    Anonymous User

    (@anonymized-3085)

    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)

    Thread Starter sophiawalker

    (@sophiawalker)

    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?

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Depending on Browser, Sometimes Thumbnail Doesn't Appear on Index Page’ is closed to new replies.