WordPress.com Forums » Topic: Text of title blogpost is overlapping

yarpm on "Text of title blogpost is overlapping"

yarpm — Wed, 30 Jan 2013 14:10:36 +0000

Correct, such that the lay-out of the single post page is the same as the other pages. To bad that it is not possible!

rachelmcr on "Text of title blogpost is overlapping"

rachelmcr — Wed, 30 Jan 2013 12:52:12 +0000

If I understand correctly, you want the sidebar with widgets to appear on single posts. This is not possible with the Twenty Eleven theme.

yarpm on "Text of title blogpost is overlapping"

yarpm — Wed, 30 Jan 2013 07:45:08 +0000

I added the fontsize but the blogpost page:
http://yarpmarketing.com/2013/01/28/effective-marketing-starts-with-knowing-your-customer/
still has a different lay-out compared to all the other pages like: http://yarpmarketing.com/news/

Anything I can do to have the blogpost page the same (title in the same postion and font size, widget added to the right) as all the other pages?

thesacredpath on "Text of title blogpost is overlapping"

thesacredpath — Tue, 29 Jan 2013 22:05:55 +0000

@yarpm, you appear to have gotten this straightened out, at least as far as the spacing. If you want the font size the same, add the following to .singular .entry-title in your custom CSS.

font-size: 23px;

yarpm on "Text of title blogpost is overlapping"

yarpm — Tue, 29 Jan 2013 19:09:02 +0000

OK, let me be a bit more specific :-).

On the "blogpost page": http://yarpmarketing.com/2013/01/28/effective-marketing-starts-with-knowing-your-customer/

The blog title is in a different position and has a different fontsize compared to any other page on the website. Also the text of the blog is in a different position. Maybe this is caused because on the blogpost page I do not see the widget appearing on the side-bar?

The goal is to have the lay-out the same as on the "page view" like: http://yarpmarketing.com/news/ and
http://yarpmarketing.com/proposition/
And all the other pages that can be accessed through the menu.

Hope that clarifies!

rachelmcr on "Text of title blogpost is overlapping"

rachelmcr — Tue, 29 Jan 2013 15:12:56 +0000

I'm not sure what you mean by the format being different. Do you mean the font size? Or something else about the formatting? The more specific you can be about the changes you want to make, the easier it is for me to help.

Alternately, you can try a tool like Firebug to help you identify what parts of the CSS you need to modify.

yarpm on "Text of title blogpost is overlapping"

yarpm — Tue, 29 Jan 2013 13:14:40 +0000

Thanks! I have added the code and the overlap is gone.

However the format from the blog title is different on the pages. Is there a way to have the blog title look the the same as the title on the pages?

This is what I also included in the stylesheet:
.singular .entry-title, .singular .entry-header .entry-meta {
line-height: 10px;
margin-bottom: 3px!important;
margin-top: 3px!important;
padding-right: 0;
}

rachelmcr on "Text of title blogpost is overlapping"

rachelmcr — Tue, 29 Jan 2013 12:43:45 +0000

To fix the title overlap, you will want to add this code to your stylesheet:

.singular .entry-title { line-height: 1.5em; }

This should be the same spacing as on the News page, although you can adjust the value to get the effect you like.

yarpm on "Text of title blogpost is overlapping"

yarpm — Tue, 29 Jan 2013 08:15:07 +0000

Hi,

When I post a blog the text of second line of the title is overlapping the first line.

It does not show when it is the page view: http://yarpmarketing.com/news/

Anything I can do in CSS to make the blogtitle appear in the same way as the title on the menu page?