Question

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>

Log into Facebook

facebook.com

Log into Facebook to start sharing and connecting with your friends, family, and people you know.

💡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!

Answered 2 years ago

Hey @Rosine54! Try this code instead:

<div class="social-links"><a href="https://www.facebook.com/rosinevaluedwomen"><img46 src="http://convertkit.com/images/social-icons/facebook.png47" alt="Facebook" width="48" style="text-decoration: none; display: inline; width: 48px;"></a><a href="https://twitter.com/RosineSuire"><img48 src="http://convertkit.com/images/social-icons/twitter.png46" alt="Twitter" width="48" style="text-decoration: none; display: inline; width: 48px;"></a><a href="https://www.instagram.com/rosine_valuedwomen/"><img45 src="http://convertkit.com/images/social-icons/instagram.png62" alt="Instagram" width="48" style="text-decoration: none; display: inline; width: 48px;"></a><a href="https://www.linkedin.com/in/rosinesuire/"><img73 src="http://convertkit.com/images/social-icons/linkedin.png56" alt="LinkedIn" width="48" style="text-decoration: none; display: inline; width: 48px;"></a><a href="https://www.youtube.com/channel/UCbA14I4yxcZ0rd8wHi1OF5g"><img46 src="http://convertkit.com/images/social-icons/youtube.png51" 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!

Liked by Jasmine Fox

I am trying to insert a html code footer on my template but am running into the issue that ConvertKit is not recognizing ... bicubic; color: #ffffff;"></a>"

How do I control the width of my template/mail? The image / card version has some limited width options but text does ... including of header images, etc.

How can I add my social media buttons to my weekly broadcast? I want to add the icons or pictures of Instagram and Facebook instead of a text only link.

How do I center align convertKit badge in the Text Only Email Template? I have tried pasting this code on an HTML Block ... center !important;} </style>

Hello, I need help by importing our custom template into a convertkit. It is imported, but it doesn't show up in the ... }} {{ unsubscribe_url }}

None of my emails have margins on the side. Such as test will but up against the screen whereas for most other emails, ... for an answer but can't find anything.

462 view

1 follower

Asked 2 times

Asked a question 2 years ago

Last asked 10 months ago

Views this month