Community Forums › Forums › Archived Forums › General Discussion › How to edit blog excerpt + thumbnail?
Tagged: blog, image size, thumbnail
- This topic has 9 replies, 2 voices, and was last updated 9 years, 5 months ago by CleanPageDom.
-
AuthorPosts
-
November 18, 2014 at 11:48 pm #132074Armin93Member
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/November 19, 2014 at 6:45 am #132107CleanPageDomParticipantHi 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
November 19, 2014 at 9:03 am #132120Armin93MemberHey there,
I tried that before and all I got was a change in image size:
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
November 19, 2014 at 9:16 am #132121CleanPageDomParticipantOK, 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
tofloat: 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; }
November 19, 2014 at 9:26 am #132122Armin93MemberLooks better. Is this in the functions.php or in the styelsheet? I can't find it in the stylesheet of the child theme.
November 19, 2014 at 9:41 am #132126CleanPageDomParticipantThis 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
November 19, 2014 at 9:44 am #132128Armin93MemberI 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
November 19, 2014 at 9:57 am #132129CleanPageDomParticipantOK, 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
November 19, 2014 at 10:01 am #132130Armin93MemberYay! The second way worked. Totally appreciate the help Dom!
November 19, 2014 at 10:10 am #132132CleanPageDomParticipantCool. 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
-
AuthorPosts
- The forum ‘General Discussion’ is closed to new topics and replies.