Skip to main content
Question
custom code
Asked a question 2 years ago

Hello, I'm wondering what would be the html text equivalent to the below to get the logos aligned horizontally and not vertically (as you can see in pic attached)? THANKS : <div class="social-links"> <a href="https://www.facebook.com/rosinevaluedwomen"> <img src="http://convertkit.com/images/social-icons/facebook.png" alt="Facebook" width="48" style="text-decoration: none; width: 48px;"></a> <a href="https://twitter.com/RosineSuire"> <img src="http://convertkit.com/images/social-icons/twitter.png" alt="Twitter" width="48" style="text-decoration: none; width: 48px;"></a> <a href="https://www.instagram.com/rosine_valuedwomen/"> <img src="http://convertkit.com/images/social-icons/instagram.png" alt="Instagram" width="48" style="text-decoration: none; width: 48px;"></a> <a href="https://www.linkedin.com/in/rosinesuire/"> <img src="http://convertkit.com/images/social-icons/linkedin.png" alt="LinkedIn" width="48" style="text-decoration: none; width: 48px;"></a> <a href="https://www.youtube.com/channel/UCbA14I4yxcZ0rd8wHi1OF5g"> <img src="http://convertkit.com/images/social-icons/youtube.png" alt="LinkedIn" width="48" style="text-decoration: none; width: 48px;"></a> </div>

💡Make the most of your Community Member profile 

Share more about yourself! Click on your gravatar> profile > edit profile 

  • About You tab:
    • Photo: upload a picture of yourself or your brand
    • About You: let other community members know a little about you as a person, a creator, and anything else you'd like to add
    • Banner: add an image of your creator brand, logo, or an image that inspires your creativity
  • Social Media tab:
    • Let other members know where they can find you and your brand across social media platforms. This is a great additional step to connect with other creators in the industry!

Hey @Rosine38! Try this code instead:

<div class="social-links"><a href="https://www.facebook.com/rosinevaluedwomen"><img37 src="http://convertkit.com/images/social-icons/facebook.png38" alt="Facebook" width="48" style="text-decoration: none; display: inline; width: 48px;"></a><a href="https://twitter.com/RosineSuire"><img37 src="http://convertkit.com/images/social-icons/twitter.png38" alt="Twitter" width="48" style="text-decoration: none; display: inline; width: 48px;"></a><a href="https://www.instagram.com/rosine_valuedwomen/"><img36 src="http://convertkit.com/images/social-icons/instagram.png47" alt="Instagram" width="48" style="text-decoration: none; display: inline; width: 48px;"></a><a href="https://www.linkedin.com/in/rosinesuire/"><img55 src="http://convertkit.com/images/social-icons/linkedin.png42" alt="LinkedIn" width="48" style="text-decoration: none; display: inline; width: 48px;"></a><a href="https://www.youtube.com/channel/UCbA14I4yxcZ0rd8wHi1OF5g"><img35 src="http://convertkit.com/images/social-icons/youtube.png40" alt="LinkedIn" width="48" style="text-decoration: none; display: inline; width: 48px;"></a></div>

The code above adds display: inline to each of the icons, which should get them to show up horizontally instead. I hope that helps!

Question Stats

279 view
1 follower
Asked 2 times
Asked a question 2 years ago
Last asked 5 months ago
Views this month