Blogy Rosa template. Long words stretching width of blog.

[mrdogcat]

Hi I'm creating a blog and used the Blogy Rosa template. All is well
until I post something with a long word in the title. It tends to span
the entire width of the blog stretching it out horizontally messing up
the design.

Does anyone know how to fix this problem?

http://mrdogcat.blogspot.com/

Thanks for your help.

 

[angelwatt]

Well the main reason, is that there's no word break. It's not a problem of the template, it's the content that's the issue. But, if you don't want to fix the content you can add the following CSS. It'll fix the title. You can do something similar for the blog archive side bar if you want.

.entry-title {
 width: 441px;
 overflow: auto;
}

 

[mrdogcat]

Thanks a lot for your quick reply.

I'm not much of an expert with the code side of things (I'm just a designer by trade). Where would I put this code?

Thanks for your help

 

[angelwatt]

Thanks a lot for your quick reply.

I'm not much of an expert with the code side of things (I'm just a designer by trade). Where would I put this code?

Thanks for your help

In one of the CSS files. There's a number of them embedded on the page. You might want to include it in the template CSS with a comment that you added it. Just place it at the end of any file. You can add comments by using /* comment here */ type syntax.

 

[mrdogcat]

Well what you suggested seems to have stopped the images breaking. So thanks a lot!

Can you see anything that can stop that right-hand side bit from sticking out though?

Also is there not a way for long words to be split and put on another line? That would have solved all the issues. :-/

 

[angelwatt]

Well what you suggested seems to have stopped the images breaking. So thanks a lot!

Can you see anything that can stop that right-hand side bit from sticking out though?

Also is there not a way for long words to be split and put on another line? That would have solved all the issues. :-/

Not sure what you mean by the right side sticking out. As for breaking words across lines, no, there's not a way (except maybe some fancy JavaScript). Breaking the word may break the meaning of the word so browsers can't handle that understanding. Kind of like when a email client breaks a hyperlink in an email and it causes the link to become broken.

 

[mrdogcat]

To the right of the blog page there's about a 10 pixels of the white portion of the page that sticks out all the way down until it reaches the end of the blog posts.