7 replies to this topic

[meshmarketer]

If you go to my site at meshmarketer.com, you'll see that the first item isn't aligned with the picture in the same way that the rest of the blog indexed items are.

All of them except the top one have all elements in one line: automated thumbnail, title, excerpt.

On the first one, it's two lines: one for the thumbnail and the next line for the title and excerpt.

I tried adjusting the thumbnail but that didn't matter. I adjusted the excerpt and it didn't matter.

Any help?

[cmunns]

For some reason the first one has a different width value for the post title causing it to wrap. Try changing the thumbs placement option to none and then back again.

[meshmarketer]

Y'know what? It didn't work to try this. Got another idea?

[Kate]

Hi Joseph,
The difference in styling actually comes from the fact that the top post is a "sticky" post. So, it appears differently (intentionally). To change its appearance, add this to your custom CSS:

 .sticky .thumb{float:left !important;width:150px;}
	.sticky .post-header{float:left !important;margin-left:14px;}

[meshmarketer]

Thanks Kate,

That's perfect.

Since this IS a sticky post, is there some way I can make it look different? Can I just modify

 .sticky .thumb{float:left !important;width:150px;}

to

 .sticky .thumb{float:left !important;width:250px;}

to make it bigger?

[catrina]

It's possible. Did you already try it? Did it work?

[meshmarketer]

Kate's fix worked with .sticky .thumb{float:left !important;width:150px;} .sticky .post-header{float:left !important;margin-left:14px;}

[meshmarketer]

I posted this in the Custom Code > Custom CSS field without the body wrapper.