Main Blog Posts page – image on left excerpt next to it?

to get this effect

http://www.divergenttravelers.com/travel-blog/

rather than this

Hi!

No, not sorted unfortunately. That was just bodged together, a picture on the left and then some manually inputted text with a link to the individual blog page. So it has to be manually entered each time they post a blog…

We want a regular blog page that when a new entry is posted, it appears automatically like the screenshot above… is that possible?

All the options seem to bring the image above the excerpt, unless it’s a tiny thumbnail photo to the left.

Thanks

Thank you for your reply, but it’s not changing it so that the image is next to the text. Image left, text on the right.

I’m playing with it on this site here:

The image is still above the text… and it’s tiny…

ideas?

V

Brilliant! That is *almost* there now… if you check back on my page

http://www.victoria-ward.com/news/

you’ll see I increased the size of the place I want the image from 180×180 to 280×280 because I want a larger picture there. However the picture doesn’t fill that space…

Any ideas?

here’s what I’ve got added to my quick styling so far…

/* Blog layout */
.post_author_timeline {
display: none;
}

.small-preview {
width: 280px;
height: 280;
}

.html_elegant-blog #top .post-entry .post-title, .html_elegant-blog .avia-content-slider .slide-entry-title {
text-align: left;
}

.html_elegant-blog #top .post-entry .blog-categories {
text-align: left;
}

.page-id-14 .small-preview {
height: 100%;
}
.page-id-14 .blog-meta {
float: left!important;
width: 280px!important;
height: 280px!important;
}

BRILLIANT! perfect :)

You are wonderful wonderful helpful people

V

Ok… you asked for it!

I tried to copy these changes over to the site I was originally wanting help with, and it’s all gone a bit pear-shaped!

http://www.normansrunningwild.com/index.php/blog-2/

Even though I have it set to show only excerpt and ‘read more’, I’m getting the whole text of the blog entry. And also… the image has gone strange and rectangular!

(also changed to elegant, single author small pic etc)

Ideas :/

This is the Quick CSS I have added

/* Blog layout */
.post_author_timeline {
display: none;
}

.small-preview {
width: 280px;
height: 280;
}

.html_elegant-blog #top .post-entry .post-title, .html_elegant-blog .avia-content-slider .slide-entry-title {
text-align: left;
}

.html_elegant-blog #top .post-entry .blog-categories {
text-align: left;
}

.page-id-913 .small-preview {
height: 100%;
}
.page-id-913 .blog-meta {
float: left!important;
width: 280px!important;
height: 280px!important;
}

.page-id-913 .small-preview img {
width: 100%;
}

Thanks!

I have the same problem I had on the other site though, where I want it 280×280, but then the image doesn’t stretch to fit the space.

(I have copied the code from the other page that you gave me to do this, but it doesn’t work on this site for some reason…)

Thank you for all this quick attention!

Yes, tried all the different blog options – business, grid, big pic, ALB…

Tried disabling all of the plugins too.

Hey! I replied to this earlier you think… I tried all the different types of layout. Elegant, business, grid, alb…

Thanks!