General Question

drClaw's avatar

WordPress Posts aren't adjusting to images?

Asked by drClaw (4437points) October 5th, 2010

I’m helping a friend with a blog he is starting and for some reason I can’t get the posts on the main page to adjust to the images. The blog is http://www.swagspot.com/.

I’ve been looking at it for an hour, but need to get back to work and was hoping some Fluther-ites with CSS Jedi skills could lay fresh eyes on it.

Any help is appreciated & thanks in advance!

Observing members: 0 Composing members: 0

6 Answers

phaedryx's avatar

Looks like it’s because your images are “float“ed. Try:

.post {clear: both;}

to have the posts under previous images.

jrpowell's avatar

@phaedryx :: That was my first thought. But I tried it in Firebug and it didn’t completely fix the problem. But it did help.

I’m assuming this is the bug that needs to be fixed.

clear: both produces this. It is better but not ideal. I tried a bunch of shit and failed.

drClaw's avatar

Thanks for the attempt guys. I’m going to give it another go when I get home from work and hopefully I can figure this crap out… goddamn WP themes.. grumble grumble

drClaw's avatar

I also added…

.post img {margin-bottom: 10px}

…which gave the following post some extra padding, but the damn line in .post is killing me.

theichibun's avatar

Making your posts longer is another solution. Maybe that means writing more, maybe it means breaking things up into more paragraphs. Depends on the post. But it works.

drClaw's avatar

@theichibun That was def the easiest solution.

I actually ended up changing .post {boarder-bottom: 1px…} to {boarder-top: 1px…} & then amended the padding to look the way my buddy wanted it to look. Viola! it is fixed.

Answer this question

Login

or

Join

to answer.

This question is in the General Section. Responses must be helpful and on-topic.

Your answer will be saved while you login or join.

Have a question? Ask Fluther!

What do you know more about?
or
Knowledge Networking @ Fluther