How to make thumbnail image appear next to excerpt

Yes, I too would like to know how to get the thumbnail images to appear on the left side of the post title. Either on the same line as the post, or a stand alone column to the left of the titles.

Thanks.

https://blog.urban515.com/cat-list/

I can’t get the list to put the thumbnail on the left, or make it just look good.

you can do it with css

https://www.eventhuse.com/general-stag/news/

I’ve got the same problem. I know I can use css, but not sure where to add css code. Would it just be “align=left” . I think there’s more to it than that.

https://www.eventhuse.com/general-stag/news/

i named my class thumbnews

.thumbnews {
position: absolute;
left: 0;
top: 30px;
}

and because i set this absolute i had to make the previous class relative

.lcp_catlist li {
clear: both;
display: inline-table;
padding-left: 110px;
margin-bottom: 40px;
position: relative;
}

So I copy all that onto the page where I have my catlist shortcode? or is there another place that I have to put the css?

@sharonwilliams73.
add code into file style.css in Themes.
add code line end file style.css

.thumbnews {
position: absolute;
left: 0;
top: 3px;
}
.lcp_catlist li {
clear: both;
display: inline-table;
padding-left: 110px;
margin-bottom: 40px;
position: relative;

}
.lcp_catlist a {
color:#E30000;
}
span.lcp_excerpt {
display: block;
font-family: sans-serif;
font-size: 14px;
}

[review: posting code – https://codex.www.ads-software.com/Forum_Welcome#Posting_Code ]

and save and upload
and then add shortcode.
ex:

[catlist id=81 title_class=lcp_catlist numberposts=10 thumbnail=yes thumbnail_class=thumbnews thumbnail_size=110,85 excerpt=yes excerpt_size=30 excerpt_tag="span" excerpt_class="lcp_excerpt"]

[signature/spam link moderated]

I think there are a lot of themes out there which have that kind of feature built in already. If you look at this blog for example it displays images next to each excerpt.

The theme is from elegant themes.

I think a better way is to assign the thumbnail a class
then float it left.

Add this to your catlist shortcode:
thumbnail=yes thumbnail_class=thumbnews

Add this to your CSS:
.thumbnews {float:left;}

I want the thumbnail to appear next to the excerpt too, but shortcode, CSS etc are all Greek to me. Is there an easy way to do this. I am using the Weaver II theme and I have no idea were to even look to find where the option would be. Please help in english. Thanks

cre8ov,
Sounds like you’ll need help, can you ask a fellow developer to help you out? If you don’t know how shortcodes and CSS work, then you’ll need someone who does to help you.

There’s one or several CSS files on your theme’s folder. That’s where you need to add the css class and style it. And then use that class for thumbnails on the call to List Category Posts.

i have a similar prblem but can somebody please explain what the catlist is i cant seem to get it.

Hello there,

My thumbnail are not visibile, anybody have some suggestion to resolve?

My site is:
https://www.bingobonusplanet.com

List category posts are at the bottom of the central content (there is only one article titled:F oxy live with new iPad app

Happy for any help,
Marco