nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Child Item

Social Media Links

Dad11

Hi there,

I am trying to add a link to my three social media icons on my webiste. I am looking at the below code

<div id="header-right">
<ul class="social-icon">
<li><a href="index.html"><img src="images/home.png" /></a></li>
<li></li>
<li></li>
<li></li>

I am wondering where I add the a href to link to the facebook page, Twitter page and so on.

Can anyone help me ?

Dad11

Find more posts tagged with

css

html

web design advice

help !

Quick Links

Comments

Buford T Justice

Where did you get that code from?

Dad11

Nowhere particularly ended uo with that code as was advised by another developer to use it and worked in past

Buford T Justice wrote: »

Where did you get that code from?

daymobrew

Dad11 wrote: »

I am wondering where I add the a href to link to the facebook page, Twitter page and so on.

Around the FontAwesome elements:
[HTML]<li><a href="https://www.facebook.com/mypage/"</a></li>[/HTML]

Buford T Justice

have you some css to go with that?

daymobrew

Buford T Justice wrote: »

have you some css to go with that?

No need - they will work (as long as you are loading FontAwesome).
We would have to see your page and know how you want it to look to know the CSS needed.

Post your attempt and people can review and tell you if your code needs changes.

Buford T Justice

Have you tried this instead?

<ul class="fa-ul">
  <li><i class="fa-li fa fa-check-square"></i>List icons</li>
  <li><i class="fa-li fa fa-check-square"></i>can be used</li>
  <li><i class="fa-li fa fa-spinner fa-spin"></i>as bullets</li>
  <li><i class="fa-li fa fa-square"></i>in lists</li>
</ul>?

Using the layout they've implemented for list icons?

Buford T Justice

daymobrew wrote: »

No need - they will work (as long as you are loading FontAwesome).
We would have to see your page and know how you want it to look to know the CSS needed.

Post your attempt and people can review and tell you if your code needs changes.

Then the CSS is generated by FontAwesome