Making the Twitter Feed titles wrap

Ask the Community General Questions
1

We have a twitter feed at https://aboutdereham.org/events-main-listing/
Although the main body text of each twitter post word wraps correctly, the twitter title does not.
This is especially a problem when viewing on smaller devices such as iPads.
Is there any way to make the twitter titles wrap when they are too long for the container?
Thanks

2 Likes
3

Hey there and welcome to the Community, @Robert_Campbell :wave:

I’ll discuss it with the devs and will get back to you on Monday :slightly_smiling_face:

1 Like
4

Hi again
I was able to solve the issue using a snippet of CSS to force the wrap on the twitter title.
I also noticed that the user info name box is not very wide and causes the user name to be truncated in smaller displays. I also used a CSS snippet to fix that issue.

Question please: Is there any possibility to use your twitter widget to show a twitter list?

Thanks
Robert

2 Likes
5

Hi @Robert_Campbell :wave:

Here is the CSS code to display the widget as a list:

@media (min-width: 500px){
.eapps-twitter-feed-container {
  width: 30%;
}

As for the title wrapping, I saw your CSS codes, but it seems they don’t influence on how the titles are displayed. However, our devs have added this CSS code to your widget and the full titles are displayed now:

.eapps-twitter-feed-posts-item-link-info-title {
  white-space: normal;
}

image
image1442×811 92.3 KB


Check it out and let me know if you like the result :slightly_smiling_face:

6

Hi Max
Thanks for the support.
I wonder if I haven’t explained my question about lists correctly.
I was trying to ask if it was possible to display a Twitter list (i.e. all posts associated with a curated list of accounts) rather than the current timeline display?
Thanks
Robert