The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Spacing for social media icons, How to add a space after a social media icon
cjk777
post May 7 2019, 04:45 AM
Post #1





Group: Members
Posts: 3
Joined: 7-May 19
Member No.: 26,892



I have some code that displays an icon followed by the description (Linkedin, facebook etc), but the text is touching the icon with no spacing. How can a space be added between the icon and the text?


<li><a class="linkedin" title="" href="https://http://www.linkedin.com/company/chemeyes" target="_blank" rel="noopener noreferrer"><i class="fa fa-linkedin" aria-hidden="true"></i><span class="ftc-tooltip social-tooltip">Linkedin</span></a></li>
<li></li>
</ul>
</div>
</div>

Thanks in advance!
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post May 7 2019, 05:02 AM
Post #2


.
********

Group: WDG Moderators
Posts: 9,628
Joined: 10-August 06
Member No.: 7



The HTML above doesn't create any text or icons by itself, probably these are inserted with javascript and CSS.

You might add spacing to the HTML using CSS padding or margin, or maybe add a space character in the text, but it's hard to advice without seeing the complete code.

Try using your browser's developer tools to view the complete code of the above snippet (after the icon and text has been added), and post it here.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
cjk777
post May 7 2019, 05:19 AM
Post #3





Group: Members
Posts: 3
Joined: 7-May 19
Member No.: 26,892



QUOTE(Christian J @ May 7 2019, 05:02 AM) *

The HTML above doesn't create any text or icons by itself, probably these are inserted with javascript and CSS.

You might add spacing to the HTML using CSS padding or margin, or maybe add a space character in the text, but it's hard to advice without seeing the complete code.

Try using your browser's developer tools to view the complete code of the above snippet (after the icon and text has been added), and post it here.


Great, I'll try that, thanks!
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 18th March 2024 - 10:31 PM