Jump to content

Alex29

Circle Member
  • Posts

    3
  • Joined

  • Last visited

Posts posted by Alex29

  1. On 5/12/2020 at 8:24 AM, tuanphan said:

    Add Code Block > Insert this code > Replace with your social url

    
    <ul class="t-social">
    <li>
      <a href="#">
      <i class="fa fa-twitter"></i>
      </a>
    </li>
    <li>
      <a href="#">
      <i class="fa fa-pinterest"></i>
      </a>
    </li>
    <li>
      <a href="#">
      <i class="fa fa-facebook"></i>
      </a>
    </li>
    <li>
      <a href="#">
      <i class="fa fa-instagram"></i>
      </a>
    </li>
    <li>
      <a href="#">
      <i class="fa fa-skype"></i></a>
      </li>
    <li>
      <a href="#">
      <i class="fa fa-dribble"></i>
      </a>
    </li>
    </ul>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <style>
      /* code block padding top bottom */
      .code-block {
        padding-top: 0;
        padding-bottom: 0;
    }
      /* social icons code */
    .t-social {
        display: block;
        margin: 0 auto;
        padding-top: 5px;
        text-align: center;
      	padding-left: 0;
    }
      .t-social li {
      display: inline-block;
        margin: 0;
        line-height: 100%!important;
      }
      .t-social .fa {
        font-size: 26px;
        margin: 0 8px;
        color: #8d8d8d;
    }
      .t-social .fa:hover {color:#4285f4;}
    </style>

     

    Hi Tuanpan,

    Thanks for the code here, it seems to have worked. But I can't seem to change the color of the icons?

    Any thoughts? sethebackend.com is the site.

    Thanks

     

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.