[selfexplorerParticipant]

Dear Team,

I am wondering if you guys can help me figure out how to not make the text overlap across columns with cornerstone element.I have 2 questions reg the same.
Trying to accomplish:
I want my keywords of a post displayed on the post/page, for this I am getting the tag names and joining them in a array with comma separated value. And passing this value as a string to display on the post TEXT Element.

1Q. With a single string or word displaying in the element, it is overlapping on the adjacent column.As shown in my page, in Row1. How can I avoid this?

2Q.I selected the Preformated text on the element. And it displays the text as it expected, but how do I again change the background shade of the text when preformated option is selected?And is this the right way to contain the text in side the column?

Thanks in advance

[selfexplorerParticipant]

This reply has been marked as private.

[RadModerator]

Hi there,

Thanks for writing in.

1. Please add this CSS to Admin > Appearance > Customizer > Custom > CSS

p {
    word-wrap: break-word;
}

2. You can just add your text within text element, there is no need to wrap it with <pre> if you really don’t need it. What styling do you wish to achieve with preformatted text? If it’s just font then you can just use standard text with font styling.

Thanks!

[selfexplorerParticipant]

This reply has been marked as private.

[RadModerator]

Hi there,

You have to add the provided CSS to your customizer’s custom CSS. It will not work since style attribute is only applicable to that element, the issue is that element (eg. <p></p>). Or if you really wish to implement it by class, then simply add this CSS to Admin > Appearance > Customizer > Custom > CSS;

.word-break p {
word-wrap: break-word;
}

Then simply add word-break to element’s class attribute as you already did.

And it’s not word-wrap:word-break, it should be word-wrap: break-word;.

Thanks.

[selfexplorerParticipant]

Thanks Rad,
My bad, misread the words.
Couldyou please also let me know how to get hyphens for the single long comma separated word.
I used <div style =”hyphens:auto”> but doesnot work.

Thanks in advance.

[ChristopherModerator]

Hi there,

Your code is not correct, it should be :

<div style ="hyphens:initial;"></div>

Hope it helps.

[selfexplorerParticipant]

This reply has been marked as private.

[LelyModerator]

Hi There,

Unfortunately, hyphenations is not supported in Chrome. See this link:http://stackoverflow.com/questions/32094626/how-can-i-use-hyphenation-in-google-chrome-browser
It can be applied using javascipt but it would be outside the scope of our support. Break word is the only supported as of the moment.

[selfexplorerParticipant]

Thankyou Lely

[NicoModerator]

Happy to hear that.

Feel free to ask us again.

Thanks.

[Author]

Posts