You need to add some CSS to shrink the size of the icon.
Official Format 2 uses the full size of the Twitter icon. Official Format 1 shrinks it by adding some CSS as follows:
div.rtw_icon img {
max-width: 2.2em;
max-height: 2.2em;
}
In essence, this sets the size to just over 2 lines of text.
To get your own sizing, add CSS along the lines of:
div.rtw_icon img {
max-width: 30px;
max-height: 30px;
}
or:
div.rtw_icon img {
max-width: 2em;
max-height: 2em;
}
and you can get the size you want.
You can add the CSS to your own template or put it in a file called rotatingtweets.css and upload it to the wp-content/uploads/ directory.
Martin
Thread Starter
bassa
(@bassa)
I noticed that you already have these values placed into the “style.css” file included with your plugin, so I have been editing the values in that css file, but it didn’t seem to accomplish anything.
Thoughts?
Apologies. Try:
div.rtw_wide_icon img {
max-width: 30px;
max-height: 30px;
}
or some similar combination. The icon in the ‘wide’ official format has a different style name associated with it.
A good way of checking the relevant CSS for something is to ‘right click’ on something and select ‘inspect element’.
Thread Starter
bassa
(@bassa)
Worked like a charm. Thanks, Martin!