How can I shrink my RSS feed icon?

• 

  heartscape · Member · Jun 1, 2009 at 9:06 pm

  • Copy link
  • Add topic to favorites

  I got some help to add the RSS feed icon to my blog, which is great, but the icon is HUGE! The code in the widget is:

  <img src=”http://heartscape.files.wordpress.com/2009/05/128px-feed-iconsvg.png”>

  Does anyone know a quick way to shrink this icon while preserving its function? I tried changing the number before “px-feed” but it didn’t work and completely removed the icon.

  Thanks for the help,
  Jane

  heartscape.wordpress.com

  The blog I need help with is: (visible only to logged in users)

• 

  ellaella · Member · Jun 1, 2009 at 9:10 pm

  • Copy link

  Just resize it in photo editing software and reupload it. Give a very different name to avoid problems with a filename quirk you might encounter.

• 

  panaghiotisadam · Member · Jun 1, 2009 at 9:27 pm

  • Copy link

  Quick way is just adding the right command in the code:

  <img src="URL_HERE" width="28px"></a>

• 

  heartscape · Member · Jun 1, 2009 at 10:38 pm

  • Copy link

  Thanks for the advice. I added the new command code in addition to the old so that it read:

  <img src=”http://heartscape.files.wordpress.com/2009/05/128px-feed-iconsvg.png”>

  <img src=”URL_HERE” width=”28px”>

  …but, the icon size did not change. Still too big!

  Check out my blog to see what I mean.
  If you have anymore suggestions I’d love to keep trying!

  Thanks :) Jane

• 

  thesacredpath · Member · Jun 1, 2009 at 11:00 pm

  • Copy link

  Remove what you have and paste this:

  <a href="http://heartscape.wordpress.com/feed">
  <img class="alignleft size-thumbnail wp-image-123" width="28" alt="rss-icon" src="http://heartscape.files.wordpress.com/2009/06/rss-icon.jpg" title="rss-icon"/>
  Pass me along to your friends, and as always, I'd love your comments :)
  </a>

  28px seems quite small. You might want to make it a little larger.

• 

  panaghiotisadam · Member · Jun 1, 2009 at 11:13 pm

  • Copy link

  What I pasted above was a code model: an example of how to modify your existing code. You can do as tsp says – minus a couple of unnecessary things:

  <a href="http://heartscape.wordpress.com/feed"><img class="alignleft" src="http://heartscape.files.wordpress.com/2009/06/rss-icon.jpg" alt="rss-icon" width="48" />Pass me along to your friends, and as always, I'd love your comments :)

  (You can change “48” to whatever you prefer.)

• 

  thesacredpath · Member · Jun 2, 2009 at 3:04 am

  • Copy link

  Whatever.

  All I did was copy out the OP’s code and fix the size issue. The rest of it is from the OP’s copy/paste from the post editor and while it isn’t necessary, it didn’t do any harm.