sidebar images

• 

  lindsaymbehr · Member · Oct 12, 2016 at 3:52 am

  • Copy link
  • Add topic to favorites

  I would like to add some images and clickable buttons to my sidebar, but when I use the image widget, there are huge gaps between each image and smaller images that I want to sit side by side end up stacked on top of eachother (see the pinterest and facebook icons on my sidebar for reference). I would like the sidebar images to be much closer together and wanted to know how I could do this is CSS? Here is a link to the goal design of the blog: http://imgur.com/a/gOaAS

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

• 

  menakas · Staff · Oct 12, 2016 at 6:50 am

  • Copy link

  Hi,
  Try using the Social Media icons widget instead of the image widget for each social icon. Would that help?

• 

  lindsaymbehr · Member · Oct 12, 2016 at 2:46 pm

  • Copy link

  I have custom images created for my social media icons. The image widget isn’t working the way I’d like it to as it creates big gaps between each image stacked and doesn’t flow together nicely.

• 

  lindsaymbehr · Member · Oct 14, 2016 at 3:06 pm

  • Copy link

  Any help on this?

• 

  siobhyb · Member · Oct 14, 2016 at 5:07 pm

  • Copy link

  Hi @lindsaymbehr,

  To get your social icons lined up side by side, I recommend using HTML to add them to a Text widget. We have guidance on the specific HTML and steps involved with that here:

  https://en.support.wordpress.com/add-social-media-buttons-to-your-sidebar-or-footer/

  You can also completely remove the spacing at the bottom of each of your image widgets by adding the following to the CSS panel of the WordPress.com Customizer:

  .widget_image, .widget_image img.aligncenter {
      margin-bottom: 0;
  }

  Let me know if that helps out or if you have any extra questions.