How do i add a linkedin icon at the bottom of the liebling theme?

Developer help
1

image

I want to add a LinkedIn icon at the bottom next to other social links? Any code injections? or do I need to edit in VS code?

Very v basic coding knowledge (learning as I build). Any help is deeply appreciated!! :slight_smile: :smile:

2

You need to edit partials/footer.hbs to do this:

However, I’m not good at handlebars :slight_smile:.

This is how I have it in another theme:

  <li class='c-social-icons__item'>
    <a href='https://www.linkedin.com/in/danielsecareanu/' aria-label='LinkedIn' target='_blank' rel='noopener'>
      <span class='c-social-icons__icon' data-icon='ei-sc-linkedin' data-size='s'></span>
    </a>
  </li>

I assume you can add before </nav> (or where you want to add the icon):

  <a href="https://www.linkedin.com/in/profile/" aria-label="LinkedIn">
    <span class="linkedin" aria-hidden="true"></span>
  </a>
3

Hi,
This issue might already be resolved but this is how I did it. I am also using “Liebling” theme. Like the person before said, you have to go to “footer.hbs” partial & add it in “nav” element for social media. Just copy paste the code below:


In the href section, you have to add the url to your Linked-In account.

Hope this helps.