[Resolved] Long Text without Spaces goes of sidebar container

[Musa Ahmad]

Hello!
I’m using generatepress theme and got all of generatepress Add-ons.

I’m blogging in Cambodian language (Khmer). One complete sentence in Khmer we don’t use spacing between words.

So the problem is:
The post title will appear in Recent Posts on sidebar goes out of container. Please click the following link to see exactly what I’m trying to describe : http://alihsanassociation.org/kh/

Any solution without expending the width of the sidebar?

Please help me.

[Tom]

I believe your only solution would be this CSS:

.sidebar .widget {
    word-wrap: break-word;
}

It will break the word up so it doesn’t run outside the container.

Let me know if you need more info 🙂

[Musa Ahmad]

I added the given code in public_html/wp-content/themes/generatepress/style.css but still not working.

[Tom]

Try adding the code using these instructions: https://generatepress.com/knowledgebase/adding-css/

[Musa Ahmad]

I already installed Simple CSS plugin and pasted the css code but not working either.
The problem is in the right sidebar, I found your code is written

.sidebar .widget {
    word-break: break-word;
}

not mention right or left sidebar, is that effects or not?

[Tom]

When I go to your site I’m not seeing the text leaving the sidebar – it looks good to me.

Maybe try clearing your browser cache?

.sidebar applies to the left and right sidebars 🙂

[Musa Ahmad]

The problem is in my Recent Posts section on my right sidebar. I’m using Mozilla Firefox 42.0
I already delete all of my browser history.

This is what I’m seeing on my browser: http://alihsanassociation.org/error-on-my-blog.png

[Tom]

I edited my CSS above – can you give it a try?: https://generatepress.com/forums/topic/long-text-without-spaces-goes-of-sidebar-container/#post-154548

[Musa Ahmad]

Yes, Its working.
Thank you very much.
Appreciated

[Tom]

You’re very welcome 🙂

[Ahamed]

Hi,

why is the text going out?
http://propertygeek.sg/

i have added the css.
yet, the long test text is going out.

[Ahamed]

Just adding, it doesn’t seem to be anything to do with sidebars,
http://propertygeek.sg/about/
Check this page as well.

How do we fix it?

[Tom]

The spaces between your words have   which stands for non breaking space. This means it’s not allowing the word to break down to the next line.

See here: http://screencast.com/t/DwSRxCwa

Replace those spaces with regular spaces using your space bar and it should work 🙂

[Author]

Posts