How to edit the font size in social.html?

[xkcococo]

Acknowledge the following

• [yes] I carefully read and followed the Getting Started guide.
• [yes] I read through FAQ and searched through the past issues, none of which addressed my issue.
• [yes] The issue I am raising is a potential bug in al-folio and not just a usage question.
  [For usage questions, please post in the Discussions instead of raising an issue.]
  A clear and concise description of what the bug is.

Thank you for this wonderful template!

I was wondering how to adjust the font size in social.html? It is too big for me. The file _base.scss can only adjust the icon size, so I treid to adjust the size by the codes font size=2px, but it does not work.

Thanks in advanced!

[george-gca]

This line is what you were looking for. It sets the font size for the social class. Probably it is best for your text though to be outside the

<div class="social">

part in about.html.

[jmrplens]

The HTML code is in the file _layouts/about.html:

<!-- Social -->
          {%- if page.social %}
            <div class="social">
              <div class="contact-icons">
                {% include social.html %}
              </div>

              <div class="contact-note">
                {{ site.contact_note }}
              </div>

            </div>
          {%- endif %}

You can change the contact-icons font size with:

.social .contact-icons {
    font-size: 2rem;
}