sidebar images
-
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)
-
Hi,
Try using the Social Media icons widget instead of the image widget for each social icon. Would that help? -
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.
-
-
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.
- The topic ‘sidebar images’ is closed to new replies.