Text wraps around large featured image in funny way

Community Forums Forums Design Tips and Tricks Text wraps around large featured image in funny way

This topic is: not resolved

This topic contains 2 replies, has 2 voices, and was last updated by  mattgoyer 1 year, 4 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #29616

    mattgoyer
    Participant
    Post count: 3

    I’m using a custom image size for my featured image for excerpts on my homepage. However, if the image isn’t wide enough text wraps around it in a funny way. How do I have the image appear, and then the text start below it regardless of the width of the image? Ideally the image would be centered if it weren’t wide enough.

    Here is a screenshot showing what I mean:

    http://www.urbnlivn.com/wp-content/uploads/2013/03/homepage-screenshot.png

    Theme: Genesis

    #30620

    ramseyp
    Participant
    Post count: 97

    If you want the excerpt to start below the image, regardless of the width, you could have the paragraphs on your homepage clear the image, since it’s floated left.

    Something like this in your CSS could work:

    .home #content .entry-content p { clear:both; }

    As long as the featured images are set to align left or align right, this would work.


    #31675

    mattgoyer
    Participant
    Post count: 3

    Thanks, looks like that worked!

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.