only one tweet instead of more

Hi Juriaan,

For the carousel to work properly you need version 2 of the JavaScript.

I should probably find a way to put a discreet error message to help with that!

Martin

PS: You can find that in the Rotating Tweets settings.

Martin

Hi Martin,

Thx for helping out. I was 100% sure had the same settings… Sorry…

Another thing is the tweets are shown on 2 places on the website.

The latest tweets rotating on the hopmepage, showing just 1. The font-size is 100% there wich is good.

On the “narrowcasting” page I would like to show the font-size at 150% because it will be shown on large screens at our conference.

I could do that bij increasing the font-size in the browser used by the Laptop wich is feeding the screens. But I would prefer to do that by adding a div arround the main shortcode or so on the narrowcasting page.

Is something like that possible??

ps I know how to increase the general font-size to 150% but then its realy way to big at the homepage.

homepage tweet: https://www.hrmindeoverheid.be
narrow tweet: https://www.hrmindeoverheid.be/narrow

Thx in advance.

Juriaan

Having a different div enclosing the shortcode is almost the best way to do this. It’s probably easier to add a div around the shortcode than a widget – although if you look at the HTML there normally a unique div defined in the code around each widget.

Martin

Hi Martin,

Thx for your very quick response. Can you give me an example of the css code (wich to ad at my custom css) and how the html should look like ??
Did try some myself but i am not much of a coder…

I tried this:
.narrowcasting div.rotatingtweets {
font-size: 150% !important;
word-wrap: break-word;
vertical-align: top;
}

HTML:
<div id=”narrowcasting”>[rotatingtweets search=’#psv’ official_format=’2′ official_format_override=’2′ show_meta_reply_retweet_favorite=’0′ rotation_type=’carousel’ carousel_count=’15’ tweet_count=’8′]</div>

thx

juriaan

That looks like it could work. It depends on the rest of your CSS.

It can be helpful to test HTML and CSS via the console. In Chrome, this is [F12], then click on Elements and then add styles via the + sign in the right hand bottom box.

Hi Martin I think/hope I found the problem…

I was using:

.narrowcasting div.rotatingtweets {
font-size: 150% !important;
word-wrap: break-word;
vertical-align: top;
}

but using a DIV ID in my html, so it should be:

#narrowcasting div.rotatingtweets {
font-size: 150% !important;
word-wrap: break-word;
vertical-align: top;
}

Not a point (.) but # before narrowcasting

Thank you for posting that. Hopefully it will be useful for other people! ??

Best wishes,

Martin