Hi Andy,
That did not make any difference.

Thanks for the guideline. I will transfer them to new entries. Just felt they were related.

Jon Erik

Thank you Andy,
That seemed to work up to width of 180.
If I make it wider, it adds an extra grey padding on the right hand side. See picture.
https://drive.google.com/file/d/0Bzn5L_7zPV0YMkpNVW95d003Ukk/view?usp=sharing

I was thinking 250 would look good.
Is there a way to move the dotted line a little to the right also, or remove it completely.

I have been concerned with my “latest blogs” page. I also have a blog list on my home page. The setup is exactly the same as far as I can see but here the images are small and it is centered over the text. Why would it be different?
https://drive.google.com/file/d/0Bzn5L_7zPV0YdTFYN0Z1TzVvR2c/view?usp=sharing

Take care,
Jon Erik

• This reply was modified 8 years, 11 months ago by InsightDezign.

Hi Andy,
I reverted back to the original single author, small preview picture.
I would like a larger image on the left hand side, like in the example web-pages I mentioned (draxe.com or amyporterfield.com).
Thanks,
Jon Erik

Thanks Richard,
My website has not launched yet, but I can send you a temporary user in the private section. I have removed what I experimented with so far, though, to clean it out.
I was thinking something like amyporterfield.com or draxe.com. I would just assume this layout would be something many people want.

I have tried different things in css, but I found it was not easy to get it right and it was not very consistent. For instance when making the browser smaller, the text left “margin” moved towards the picture and I part of the picture became gray.

This is what I took out:
.big-preview.single-big {
float: left;
clear: both;
margin-right: 3%;
height: auto !important;
width: 100% !important;
}

.entry-content-wrapper.clearfix.standard-content {
width: 70%;
float: right;
}

#top .fullsize .template-blog .blog-meta {
float: left;
width: 50%;
}

.home .fullsize .template-blog .post .entry-content-wrapper {
margin-top: 0;
width: 70%;
float: right;
}

.home .fullsize .template-blog .blog-meta {
float: left;
width: 70%;
}

.home .fullsize .template-blog .post-title, .home .fullsize .template-blog .post-meta-infos {
text-align: left;
}

#top .flex_column .template-blog .post-title, #top .fullsize .template-blog .post-meta-infos { text-align: left; }

.home .entry-content-wrapper { margin-top: 0!important; }
.home .entry-content-wrapper h2.post-title.entry-title { padding-top: 1px!important; }

@media only screen and (max-width: 989px) and (min-width: 768px) {
.home .fullsize .template-blog .post .entry-content-wrapper {
width: 80%;
}
}

.small-preview, #top .fullsize .template-blog .blog-meta {
width: 230px;
height: 230px;
}