Posts - wrapping text in bounding box

[eutaw]

On my Publications post page, text is outside the boxed area. How can I ensure that text will remain in the boxed area?

[marc_a]

Hi @eutaw,

Thanks for reaching out.

To fix the text outside the boxed area, please add this CSS code to your X > Theme Options > CSS.

.entry-content.excerpt p {
    word-break: break-all;
} 

Hope that helps.

Thank you.

[eutaw]

That did cause all the text to be inside the boxed area but it divided some words such that they don’t make sense. See the word “village” in the attachment.

[nabeel]

Hey @eutaw,

You should replace the previous CSS with the following:

.entry-content.excerpt p {
    word-wrap: break-word;
}

Here are some related links for further reading, this could help you in finding and implementing some CSS fixes:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa
• CSS Media Queries - https://goo.gl/L3ZHNg

Please note that the code provided above serves as a guide only and is to help you in getting started so implementing it and maintaining the code will be out of our support scope and for further maintenance for new possible versions of the theme that may cause the customization to break, you will need to hire a developer.

Hope this helps!

[eutaw]

This caused words to wrap, but it has changed the formatting of my posts where there is only one post per line, leaving lots of white space . I want to have two posts per line or have one post expand so there’s no white space. By the way, when I deleted the CSS, the two columns that were there did not return.

[eutaw]

Please help! I need to get this back to two columns, the way it was before I added the CSS.
.entry-content.excerpt p {
word-wrap: break-word;
}
When I delete the code, it does not go back to two columns. Please help!

[marc_a]

Hi @eutaw,

I just check your category page, are you referring to the image below? If not, please let us know what you are referring to about the two columns.

Hope that helps.

Thank you.

[eutaw]

Thank you. I see that the width of the screen will cause it to appear that there is only one column. If I wanted one post per line to extend the width of the container and keep the sidebar, what is the setting to achieve that?

[marc_a]

Hi @eutaw,

To change the layout of the archives into one column and to have one post per line, please go to X > Theme Options > Blog > Archives and use style as Standard.

Hope that helps and let us know how it goes.

Thank you.