Overlapping Headlines on Blog View Page

My site is still in beta... thankfully one of my beta testers posted a blog with a really long headline, so I found this now. Here is the link:

http://www.uniters.org/blogs/entry/China-to-Europe-Your-worn-out-welfare-society-and-outdated-labor-laws-induce-sloth-indolence-and-penalize-hard-work

My CSS aint stellar... I can move both headlines around, but doing so screws the positioning of things all over the site. Ideally I'd just make the header not display on Blog Post View pages... no idea how to do that though. Has to be some way of making it so one or the other doesn't display on just that type of page.

I can put some margin in there to just shift it all down, but that still leaves the same headline being shown twice right next to each other.

Help!

To affect only those pages would require code rewrites.

You may find this easier.

In common.css at about line 259 find this section.

.disignBoxFirst .boxFirstHeader .dbTitle {

In that section you can add this.

overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 95%;

What this does......

A width property has to be set for this to work which is why i set a width of 95%
white-space: nowrap; prevents text from being wrapped to the next line.
overflow: hidden; hides any text that falls outside the size of the containing div.
text-overflow: ellipsis; allows the clipped content to be visually represented by the string “…” (called an “ellipsis”) in the non-clipped area.


So basically it turns this.

China to Europe: ‘Your worn out welfare society and outdated labor laws induce sloth, indolence and penalize hard work.

Into This

China to Europe: ‘Your worn out welfare society and outda...