How can I get my social media icons in-line in the Zeron theme?

  • Author
    Posts
  • #1463349

    torigottlieb
    Member

    I want the social media icons in my text widget to be in line with each other (ie. two rows of four icons each), but they’re each in a separate row of text. How can I change that?

    The blog I need help with is torigottlieb.wordpress.com.

    #1463495

    justpi
    Member

    That’s unusual! On most themes, the code you used would have made the icons show in a row, but the CSS of Zoren specifies that each image in a Text widget should display as a blog.
    On way to change this is turn each image code from this:
    <img src=ETC ETC
    to this:
    <img style="float:left;" src=ETC ETC

    Then add this after the 4th image+link code, and the same thing after the 8th image+link code:
    <div style=”clear:both;”></div>

    #1463504

    torigottlieb
    Member

    Thanks! That got the icons into the two rows I was looking for, but now there’s a new issue: the widget box isn’t expanding to hold the two rows of icons, and the second row is floating outside the box. Any ideas on how to get the widget box to recognize where the icons actually are?

    #1463507

    justpi
    Member

    You’re welcome. This is happening because you neglected this:

    same thing after the 8th image+link code

    #1463509

    torigottlieb
    Member

    Awesome, thanks! I thought I had added it after the 8th icon but looks like I forgot. Everything’s working and looking now as it should. Thanks so much for your help!

The topic ‘How can I get my social media icons in-line in the Zeron theme?’ is closed to new replies.