WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Help with thumbnails (6 posts)

  1. makta112
    Member
    Posted 2 years ago #

    Hello

    By using the below code, I've made the thumbnails on my blog appear on left side of the titles and excerpts.

    .blog .entry-header {
        padding-left: 205px;
    }
    .blog .size-thumbnail {
        border-width: 0 !important;
        height: 140px !important;
        margin-top: -100px;
        width: 180px !important;
    }

    You can view it here.

    But as you can see, if the title is one line long, the thumbnail appears slightly above the title. When the title is two lines long, it looks better, though (view the two top entries).

    How can I do so that the thumbnail appears beside the title - no matter how long it is?

    If you don't know what I mean, please tell me so that I can explain some more. Thanks.

  2. WPyogi
    Volunteer Moderator
    Posted 2 years ago #

    The fundamental problem is the way you have those posts laid out -- if you simply put the image first in the element flow and use "alignleft" class -- then the text will automatically flow on the right side of it.

  3. WPyogi
    Volunteer Moderator
    Posted 2 years ago #

  4. makta112
    Member
    Posted 2 years ago #

    Hi,

    So I have to remove the codes I've already added?

  5. WPyogi
    Volunteer Moderator
    Posted 2 years ago #

    You don't "have" to, but if you want the image on the left and the text to flow on the right, the easiest way to do that is putting the image first in the document flow (in the html) and floating it to the left (with CSS).

    If the above link to the codex was not clear, perhaps this will help:

    http://www.w3schools.com/css/css_float.asp

  6. makta112
    Member
    Posted 2 years ago #

    Thanks. It's the way I want it now.

Topic Closed

This topic has been closed to new replies.

About this Topic