Link title introtext busting out
By Steve Potter on Wednesday, 21 June 2017
Posted in General
Likes 0
Views 176
Votes 0
Hi,
The link title, introtext and link is bleeding into another module on the right.

Support already gave me this code:
#eb .ebd-block[data-type="links"] .media-table { table-layout: inherit !important; }

This code reduced that, but it is still bleeding into the right module in different browsers.
Ive attached screenshots, in the first shot the link and introtext leave the container and page in vertical view and on the second shot it bleeds into right module... any ideas on how to fix this?
Hello Steve,

Hm, this seems like the way bootstrap is handling media-body and it seems like it is using display: table-cell on it which causes the text to be overflowing out. Temporarily, this is something that you can try,

[gist]
#eb .ebd-block[data-type="links"] {
overflow: auto;
}
[/gist]
Mark
·
Thursday, 22 June 2017 00:46
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Steve,

Can you please remove this code below previously given to you?

#eb .ebd-block[data-type="links"] .media-table { table-layout: inherit !important; }

In the meantime, can you please try to use the code below in your custom.css?



#eb .ebd-block[data-type="links"] .media-body {

    width: 100%;

    overflow-wrap: break-word;

}


Let me know if it works for you.
Eugene Chew
·
Thursday, 22 June 2017 01:22
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi,

Eugene that fixed it!

Thanks
Steve
Steve Potter
·
Thursday, 22 June 2017 14:19
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi there,

You are most welcome. Glad to hear that your issue has been resolved now.

As a gentle reminder, kindly start a new thread if you have any other issue in the future so it will be easier for us to manage your inquiry. I will lock and mark this thread as resolved.
Arlex Wong
·
Thursday, 22 June 2017 14:55
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post