Widget size

• 

  martineholston · Member · Oct 10, 2012 at 11:59 pm

  • Copy link
  • Add topic to favorites

  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: (visible only to logged in users)

• 

  justpi · Member · Oct 11, 2012 at 12:45 am

  • Copy link

  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.

• 

  iconleaders · Member · Oct 11, 2012 at 1:37 am

  • Copy link

  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!!!!

  Home

• 

  justpi · Member · Oct 11, 2012 at 11:48 am

  • Copy link

  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:

  Codes useful for text widgets