How do I stop my instagram widget from displaying extra large photos?

• 

  samanthahanlin · Member · Mar 10, 2015 at 5:14 pm

  • Copy link
  • Add topic to favorites

  My instagram widget is displaying my photos extra large so that my footer widgets are not displaying in 3 columns but clumping together, how do I fix this? I’m using Sela Theme.

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

• 

  gracejiyoung · Member · Mar 10, 2015 at 8:51 pm

  • Copy link

  Hi Samantha,

  It looks like the closing was left out of the Text Widget in your sidebar for the Instagram icon. I have added it and your footer widgets are back to the correct size.

  Many times if it is not properly closed it will add alignment issues on your site as seen here.

  Cheers!

• 

  samanthahanlin · Member · Mar 19, 2015 at 7:47 am

  • Copy link

  Hi Grace!

  I appreciate your response but I’m actually talking about my footer widgets. The First Footer has my Instagram feed and is displaying 3 horizontal large images instead of small grid images. This leaves the Second and Third widget columns weirdly smashed together underneath. Originally they were nice and evenly spaced in a row.

  Any suggestions?

• 

  gracejiyoung · Member · Mar 19, 2015 at 5:50 pm

  • Copy link

  Hi Samantha,

  The reason it keeps doing that is you are adding <a> tags to your main sidebar menu without closing it. You need to add this at the end of your link:

  </a>

  You originally did this for the Instagram icon, and then I see you did the same for the Twitter and LinkedIn icons. Please note, that yes it is in the sidebar, but if you add unclosed tags or extra tags it can cause issues throughout your entire site, which is why it keeps distorting your footer. The mistake doesn’t need to be in the footer to only affect the footer. For example, I’ve seen issues where users forgot the closing tag in a post and their entire sidebar widgets moved to the bottom of the page.

  I have fixed the tags in your sidebar and the widgets in the footer are now back to normal.

  So, next time you want to add a link to an icon like you’re doing in your sidebar, please remember the closing tag.

  For example, make sure to add the ending </a> like so:

  <a href="YOURLINKHERE"</a>

  Let me know if you have any questions with this!