sidebar social icons showing vertically instead of horizontally

Viewing 2 replies - 1 through 2 (of 2 total)

  • Give this a try:

    CSS CODE: 

    /*CSS Code*/
.sidebar_social_links {
list-style:none;
}
.sidebar_social_links li {
float:left;
margin-right:10px;
}

    HTML CODE:

    <ul class="sidebar_social_links">
<li>
<a href="https://www.bloglovin.com/en/blog/7760515">
	<img src="https://behindtheblush.ca/wp-content/uploads/2013/06/blog-lovin-e1370297521717.png" >
</a>
</li>
<li>
<a href="https://instagram.com/stefcarlson">
	<img src="https://behindtheblush.ca/wp-content/uploads/2013/06/instagram-e1370297651262.png" >
</a>
</li>
<li>
<a href="https://www.facebook.com/pages/Stefanie-Carlson-Professional-Hairstylist-and-Makeup-Artist/225042664255353?ref=ts&fref=ts">
	<img src="https://behindtheblush.ca/wp-content/uploads/2013/06/facebook-e1370297677388.png" >
</a>
</li>
<li>
<a href="https://twitter.com/StefanieRas ">
	<img src="https://behindtheblush.ca/wp-content/uploads/2013/06/twitter-e1370297561900.png" >
</a>
</li>
<li>
<a href="https://pinterest.com/behindtheblush/">
	<img src="https://behindtheblush.ca/wp-content/uploads/2013/06/pinterest-e1370297591538.png">
</a>
</li>
<li>
<a href="mailto:stefanieATbehindtheblushDOTca">
	<img src="https://behindtheblush.ca/wp-content/uploads/2013/06/mail-e1370297621408.png">
</a>
</li>
</ul>
    Thread Starter jannahuget

    (@jannahuget)

    Thanks for your help!!!!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘sidebar social icons showing vertically instead of horizontally’ is closed to new replies.