Modify category display to float thumbnails on the side

  • I’m trying to modify the post category display so that the thumbnail image floats to the left of the title and summary. If you follow the link above, you’ll see how the thumbnail sits on top of the title. I want it to float to the left and have the title and summary wrap around to the right.

    Any suggestions? I’m stumped.

    The div that holds the image is set to float left, which it does, but the title and summary aren’t wrapping to the right.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi, I think this CSS will get you close to what you’re looking for. Add it into Appearance->Customize->Additional CSS

    .category .post.has-post-thumbnail .entry-title, .category .post.has-post-thumbnail .entry-meta {
	float: right;
	width: 375px;
	clear: initial;
}

.category .post.has-post-thumbnail .entry-content {
	clear: both;
	padding-top: 15px;
}
    Thread Starter jgold723

    (@jgold723)

    You are a CSS Wizard. Thanks! Works like a charm.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Modify category display to float thumbnails on the side’ is closed to new replies.