How to edit blog excerpt + thumbnail?

[Armin93]

Hey guys,

Here is the link the blog page of my website: http://paleo-fit.de/blog/

It is in German but I think I can describe the problem pretty well.

1)What can I do make the thumbnail size of each blog to be the same? As you can see some blog posts have smaller pics and some have larger images.

2) How can I make the blog excerpt then appear NEXT to the image as opposed to under it? I want my blog excerpts to just look better and more homogonous.

Preciate the help in advance guys

http://paleo-fit.de/blog/

[CleanPageDom]

Hi there

What are your settings in Genesis > Theme Settings > Content Archives? Not entirely sure, but if you have a play with these it may help. ie Include Featured Image, Size - 300px x 300px, Align Left.

Thanks
Dom

---

Let’s build a website together…

[Armin93]

Hey there,

I tried that before and all I got was a change in image size:

http://paleo-fit.de/blog/

Now you can see the pics are smaller, 140 x 80 to be exact. But what code should I use to get the excerpt NEXT to the image as well. It would look much better.

Thanks

[CleanPageDom]

OK, I've had another look. This is all based on Inspect Element in Chrome, so not sure it will work instantly; you may need to experiment.

If you set .featured-image to float: left;

Then remove (or comment out):

.entry-content p, .entry-summary p, .comment-content p, .mu_register p {
   /* clear: both;  COMMENT THIS OUT */
   line-height: 1.71429;
   margin: 0 0 1.71429rem;
}

I get this:

---

Let’s build a website together…

[Armin93]

Looks better. Is this in the functions.php or in the styelsheet? I can't find it in the stylesheet of the child theme.

[CleanPageDom]

This is in style.css

No, I couldn't find it in style.css either. Try adding it there, maybe? You may need to get more specific, or it may affect the site globally. So you'd perhaps need to add body.page-id-X .featured-image: and so on.

Thanks
Dom

---

Let’s build a website together…

[Armin93]

I really don't know how to code. So I shoud add

.entry-content p, .entry-summary p, .comment-content p, .mu_register p {
/* clear: both; COMMENT THIS OUT */
line-height: 1.71429;
margin: 0 0 1.71429rem;
}

to the stylesheet.css file of my child theme. How should enable the image to float left? I cannot find .featured-image in my stylesheet either.

Thank you, Armin

[CleanPageDom]

OK, no problem.

The .entry-content p, .entry-summary p, .comment-content p, .mu_register p { is in the stylesheet for the Page Expiration Robot - Countdown Timer plugin, so that may present another issue down the line.

So, go in to your child theme's style.css editor and, first, try adding:
.featured-image { float: left; }

Then add:
.entry-content p { clear: none; }

If that doesn't work, you may need to get more specific. So:
body.blog .featured-image { float: left; }

And:
body.blog .entry-content p { clear: none; }

Thanks

---

Let’s build a website together…

[Armin93]

Yay! The second way worked. Totally appreciate the help Dom!

[CleanPageDom]

Cool. Just have a look through your site and make sure it hasn't affected anything else. You should now be able to choose a different size for the featured image and get the same result.

Thanks
Dom

---

Let’s build a website together…

[Author]

Posts