[Resolved] First blog post is not formatted

[Brian]

My first blog post is not formatted on my homepage.Yet when you click on the post, it has paragraphs and formatting. How do I fix this on my homepage?

[Tom]

Hi Brian,

Maybe you’re using excerpts?

Do you have a link to your site so I can take a look?

Thanks!

[Brian]

http://www.aplithelp.com. If I use excerpts it will smush everything into one paragraph?

[Tom]

Yes – excerpts strip everything, as it’s only supposed to be a small chunk of text.

Displaying your full content will show all of your formatting, and you can create your own cut-off point using the “Read More” tag.

http://en.support.wordpress.com/splitting-content/more-tag/

[Brian]

Thanks for your help Tom. Hopefully one last question. I added an image to my first post. I love the way it looks on the homepage (below the title and above the content), but when I click the link to the post it appears above the title and content, outside of the content box. How do I keep it in the box?

[Tom]

Do you have the Page Header add-on?

If so, you can move it inside the content area in “Appearance > Customize > Page Header”.

Let me know 🙂

[Brian]

I’ve got it inside. Is there any way to get it below the title?

[Tom]

In the next version of Page Header – already developed 🙂

[Dee Broughton]

Brian – I like your site. I’m in language education, too. I’m super picky about my typography and I want my excerpts to look like my posts (which I think might be what you were saying?), so I use Simple Custom CSS to style the excerpts as well. My CSS is pretty ham-fisted, so I’m sure there’s a better way than this, but this works for me. From elt.international (best viewed in Firefox), I made everything match by adding to the Custom CSS…

.page-content, .entry-content, .entry-summary {
line-height: 1.2em;
word-spacing: 1px;
letter-spacing: 0px;
margin-bottom: 1.4em;
margin-left:0 !important;
}

As for the feature images, I have set some feature images and in the Blog Customize addon they are set to show. However, because they don’t show the way I want them to in the single posts, I have in CSS

.page-header-image-single {display:none !important;}

And then I put images the way I want them inside the text of the post. There’s an example here
http://elt.international/book-review-they-say-i-say/ (The image is in the post with img src.)
and
http://elt.international/reviews/ (A copy of the image is the featured image.)

(You’ll notice I even over-style the block quotes.)

Again, I know this is probably very clumsy css, but maybe my posting this will get someone better at it to tell us how to do it more elegantly. In any case, for picky people like me, it works. 🙂

[Tom]

Hi Dee,

Looks good to me! Nothing wrong with your CSS.

There’s quite a few more options in the next version of the Blog add-on which hopefully makes things easier when it comes to featured images 🙂

[Author]

Posts