Text widget displays images vertically

  • Resolved dalexgray

    (@dalexgray)


    9 years, 8 months ago

    I use some small images as links for social media. When I put them into a text widget they appear in a vertical line instead of horizontally next to each other. I do not have break or paragraph tags between them and the “automatically add paragraphs” box is unchecked.
    Is it something with the storefront css that puts images one to a line?
    My site is butterflyvegan.com

    Text widget html is
    <center><a href="https://instagram.com/butterflyveganbakery/"><img src="https://www.butterflyvegan.com/wp-content/uploads/2015/03/instagram.png" alt="" width="24" height="3224 /></a> <a href="https://twitter.com/Butterfly_Vegan"><img src="https://www.butterflyvegan.com/wp-content/uploads/2015/03/twitter.png" alt="" width="24" height="24" /></a> <a href="https://www.facebook.com/ButterflyVeganBakery"><img src="https://www.butterflyvegan.com/wp-content/uploads/2015/03/facebook.png" alt="" width="24" height="24" /></a> <a href="https://www.etsy.com/shop/ButterflyDesserts?ref=l2-shopheader-name"><img src="https://www.butterflyvegan.com/wp-content/uploads/2015/03/etsy.png" alt="" width="24" height="24" /></a></center>

Viewing 1 replies (of 1 total)
  • Thread Starter dalexgray

    (@dalexgray)

    I figured this out. I had to add the following to my child theme’s CSS

    .widget a img {
display: inline!important
}

    This makes images in a widget display in a row instead of in a column.

Viewing 1 replies (of 1 total)
  • The topic ‘Text widget displays images vertically’ is closed to new replies.