WordPress.com

1. martineholston
   Member
   Oct 10, 2012, 11:59 PM

   Hi,
   I am trying to add widget badges to pinterest and recipage. Both have a badge that is a square icon, so I would like them to show up in line with each other. However, I cannot seem to get them to be the same height, even adjusting the height in the code. Any thoughts? Code pasted below.

   Thanks,
   Martine
   nourishandpreserve.wordpress.com

   <img src="http://passets-cdn.pinterest.com/images/about/buttons/big-p-button.png" width="45" height="45" alt="Follow Me on Pinterest" />

   <img height="45" src="http://www.recipage.com/new_site_images/RLogoButton.png" alt="Recipage" />

   The blog I need help with is nourishandpreserve.wordpress.com.

2. justpi
   Member
   Oct 11, 2012, 12:45 AM

   You'll never manage to properly align them, because the second image includes some white space around it. You need to copy the images to your computer, use an image editing application such as Photoshop to remove the space around the recipage image then make them both the same height, then upload them to your blog via Media > Add New, copy their File URLS and use those URLs in the widget.

3. iconleaders
   Member
   Oct 11, 2012, 1:37 AM

   I too am running into the same issue. I cannot figure out how to get my social media badges to sit next to each other in one row in my right widget area. Right now I've uploaded each button image to my Media Library and added the Facebook, Twitter, and Vimeo buttons as separate Image widgets and they do not show up aligned horizontally.

   Please someone take a look, I need help!!!!

   http://iconleaders.wordpress.com/

4. justpi
   Member
   Oct 11, 2012, 11:48 AM

   The sidebar displays widgets as a single column of items. So you can't do what you're looking for using three Image widgets: you need one Text widget (with all three images in it). For basic coding see here:
   http://wpbtips.wordpress.com/2009/04/01/codes-useful-for-text-widgets/

Topic Closed

This topic has been closed to new replies.