Two images in the same widget

• 

  laura960 · Member · Jun 23, 2014 at 5:31 pm

  • Copy link
  • Add topic to favorites

  I would like to try and fit two small icons in the same “image” widget – but each with different URLs to link to. An example of this is on this blog under “partners”: http://bleubirdblog.com

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

• 

  jeremeylduvall · Member · Jun 23, 2014 at 6:10 pm

  • Copy link

  Hi there,

  It looks like Chase was able to help you with this in Live Chat. Please let me know if you need any additional help!

• 

  laura960 · Member · Jul 8, 2014 at 1:47 pm

  • Copy link

  I am back on this task – and it is still not working. The icons are still stacked one on top of the other. You can view them at the very bottom of the right hand menu on my blog. I am trying to have a space that has multiple social media icons – instead of one on top of the other. Can you help? :)

• 

  jeremeylduvall · Member · Jul 8, 2014 at 3:15 pm

  • Copy link

  Hi there,

  I can definitely help with this! Can you replace the code you’re using with the following code?

  <table>
  <tr>
  <td><a href="http://caribbeanjourneyweddings.files.wordpress.com/2014/06/wc-website.png"><img class="align=left size-full wp-image-3518" src="http://caribbeanjourneyweddings.files.wordpress.com/2014/06/wc-website.png" alt="WC-website" width="100" height="74" /></a></td><td><a href="http://caribbeanjourneyweddings.files.wordpress.com/2014/06/wc-facebook.png"><img class="align=right size-full wp-image-3515" src="http://caribbeanjourneyweddings.files.wordpress.com/2014/06/wc-facebook.png" alt="WC-facebook" width="100" height="74" /></a></td></tr>
  
  <tr><td><a href="http://caribbeanjourneyweddings.files.wordpress.com/2014/06/wc-pinterest.png"><img class="align=left size-full wp-image-3517" src="http://caribbeanjourneyweddings.files.wordpress.com/2014/06/wc-pinterest.png" alt="WC-pinterest" width="100" height="74" /></a></td><td><a href="http://caribbeanjourneyweddings.files.wordpress.com/2014/06/wc-twitter.png"><img class="align=right size-full wp-image-3516" src="http://caribbeanjourneyweddings.files.wordpress.com/2014/06/wc-twitter.png" alt="WC-twitter" width="100" height="74" /></a></td></tr></table>

  I think the sidebar width is too narrow to have all four icons side-by-side. However, the code I pasted should create a table that has two icons in each row so your social media icons will look more like a square grid. Give that a try and let me know if it achieves the look you want!

• 

  laura960 · Member · Jul 8, 2014 at 3:19 pm

  • Copy link

  FABULOUS! THAT WORKED! THANK YOU!

• 

  laura960 · Member · Jul 8, 2014 at 3:20 pm

  • Copy link

  opps one more detail… this new code doesn’t link to my social media pages – how can I add links so they link where they should?

• 

  jeremeylduvall · Member · Jul 8, 2014 at 6:47 pm

  • Copy link

  For each icon, you’ll see the following code:

  <td><a href="http://caribbeanjourneyweddings.files.wordpress.com/2014/06/wc-website.png"><img class="align=left size-full wp-image-3518" src="http://caribbeanjourneyweddings.files.wordpress.com/2014/06/wc-website.png" alt="WC-website" width="100" height="74" /></a></td>

  For the icon to link to your social media pages, just change the part after “a href”. So, for example, the following would work:

  <td><a href="http://facebook.com"><img class="align=left size-full wp-image-3518" src="http://caribbeanjourneyweddings.files.wordpress.com/2014/06/wc-website.png" alt="WC-website" width="100" height="74" /></a></td>

  You’ll just need to change the link reference for the specific icons accordingly!

• 

  laura960 · Member · Jul 14, 2014 at 3:10 pm

  • Copy link

  AWESOME!!! THANKS SO MUCH!

• 

  jeremeylduvall · Member · Jul 14, 2014 at 9:06 pm

  • Copy link

  Not a problem! Happy to help.