Post title bleeds out of column.

[wbishop]

Hi,

We have an issue where the title of posts in a “Kleo posts” element bleed out to the right of the column into the next adjacent column to the right. Note that it also occurs with the “News focus” element…

Please see image attached. Note how the word “teleconferencing” extends beyond the right hand column border. If a post with a long heading falls into the first column, the title text will overlap into the 2nd, etc.

Is there a Kleo setting somewhere that will force this text to wrap in order to keep titles from overlapping into the next column?

If not, any suggestions, short of monkeying with hyphenated or truncated words, that might solve this issue?

Thanks!

Attachments:

You must be logged in to view attached files.

[wbishop]

Correction:

The word in question above in the image is “videoconferencing” rather than “teleconferencing”.

Sorry about that…

[Laura]

Hello, i can check it out, can you send me a link to your site?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[wbishop]

Wish I could, but it’s not accessible on the public web.

Does the image not illustrate the issue sufficiently? If not, what would you like to see? Need source code, styling, or something else? Let me know and I’ll get it to you!

Thanks!

[Kieran_SQ]

Hi,

You should be able to use word-wrap on this element. Try the below custom CSS in your KLEO Child themes style.css by going to WP Admin > Appearance > Editor > KLEO Child > Style.css or in Theme Options > General Settings > Scroll to: ‘Quick CSS’.

COPY CODE

.masonry-listing .post-title {
    word-wrap: break-word;
}

Make sure to purge your website cache, any CDN and your front-end cache to see the changes.

Thanks,

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

Attachments:

You must be logged in to view attached files.

[Author]

Posts