Jump to content

parkjhp

Member
  • Posts

    6
  • Joined

  • Last visited

Posts posted by parkjhp

  1. @tuanphan I'm sorry, I'm not sure what is the best way to share the code I am using right now. Here are a few screenshots and I also copied and pasted it here. Thanks again!image.png.f15228074916cf6891ca4275737c9bcf.pngimage.png.cdca1fc4386ed3bd3fdd583c840e024b.pngimage.png.8dcfdef55530c0c4b1c269dfef37954e.png

    <ul class="t-social">
    <li>
      <a href="https://www.facebook.com/parkerquartet/"target="_blank">
      <i class="fa fa-facebook"></i>
      </a>
    </li>
    <li>
      <a href="https://www.instagram.com/parker_quartet/?hl=en"target="_blank">
      <i class="fa fa-instagram"></i>
      </a>
    </li>
    <li>
      <a href="https://twitter.com/parkerquartet?lang=en"target="_blank">
      <i class="fa fa-twitter"></i>
      </a>
    </li>
    <li>
      <a href="https://www.youtube.com/c/ParkerQuartet"target="_blank">
      <i class="fa fa-youtube"</i></a>
      </li>
    <li>
        <a href="http://www.parkerquartet.com/" target="_blank">
      <i class="fa fa-link"></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: #00000;
    }
      .t-social .fa:hover {color:#4285f4;}
    </style>

  2. @tuanphan Thank you so much! I completely missed this was for Code Block, thanks for your help!

    I was able to add the social media links and they are working great. But for some reason, the only social media link that is showing up out of facebook, twitter, youtube, and a website link is the website link. Below is a screenshot. 

    image.png.b547350595f23a8af49e1e7c376c3d46.png

    If possible, I would love for the social media icons to show up like:

    image.png.e84920108800c0b89b6685c62330130d.png

    If you have any advice, I'd so appreciate it!

  3. Hello @tuanphan,

    Thanks so much for posting this code. I am having trouble copying and pasting into Squarespace and I was wondering if you could help me figure out what I am doing wrong. 

    I have tried copying and pasting the code a number of times, but I keep getting a "syntax error" in the first line of code. I think it might be that the "ul" in <ul class="t-social"> is purple instead of black as it is in your example, but I am not sure what I am doing wrong.  

    image.png.68621c420a600d62efb2e6e0bf10ca6b.png

    Thanks so much for your help!

     

×
×
  • 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.