Support » Plugin: Rotating Tweets (Twitter widget and shortcode) » Changing the twitter profile image size?

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Martin Tod

    (@mpntod)

    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?

    Plugin Author Martin Tod

    (@mpntod)

    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.

    Plugin Author Martin Tod

    (@mpntod)

    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!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Changing the twitter profile image size?’ is closed to new replies.