Jump to content

tiktok icon is wrong size for footer but header is fine

Recommended Posts

Site URL: http://www.sporecrafts.com

this is the current code that i have:

@font-face {
    font-family: 'icomoon';
    src: url('data:font/ttf;charset=utf-8;base64,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') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Footer */
.sqs-svg-icon--wrapper[href*=tiktok] .sqs-svg-icon--social {
  display: none;
}
.sqs-svg-icon--list:hover .sqs-svg-icon--wrapper[href*=tiktok] {
  background: transparent;
}
.sqs-svg-icon--wrapper[href*=tiktok] > div {
  display: none;
}
.sqs-svg-icon--wrapper[href*=tiktok]:after {
    content: "\e900";
    display: inline-block;
    font-family: 'icomoon';
   top: 60%;
left: 50%;
width: 80%;
height: 80%;
color: #000;
    transform: translate(-50%, -50%) !important;
    position: absolute;
    color: #000;
}

/* Header */
.header-actions-action--social [href*=tiktok] svg {
  display: none;
}
.header-actions-action--social [href*=tiktok] {
  background: transparent;
}
.header-actions-action--social [href*=tiktok]:hover {
  background: transparent !important;;
}
.header-actions-action--social [href*=tiktok]:after {
  content: "\e900";
  display: inline-block;
  font-family: 'icomoon';
  width: 80%;
  height: 80% ;
  top: 50%;
  left: 50%;
  color: #000;
  transform: translate(-50%, -50%) !important;
  position: absolute;}

Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

2 hours ago, phylloquinone said:

Site URL: http://www.sporecrafts.com

this is the current code that i have:

@font-face {
    font-family: 'icomoon';
    src: url('data:font/ttf;charset=utf-8;base64,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') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Footer */
.sqs-svg-icon--wrapper[href*=tiktok] .sqs-svg-icon--social {
  display: none;
}
.sqs-svg-icon--list:hover .sqs-svg-icon--wrapper[href*=tiktok] {
  background: transparent;
}
.sqs-svg-icon--wrapper[href*=tiktok] > div {
  display: none;
}
.sqs-svg-icon--wrapper[href*=tiktok]:after {
    content: "\e900";
    display: inline-block;
    font-family: 'icomoon';
   top: 60%;
left: 50%;
width: 80%;
height: 80%;
color: #000;
    transform: translate(-50%, -50%) !important;
    position: absolute;
    color: #000;
}

/* Header */
.header-actions-action--social [href*=tiktok] svg {
  display: none;
}
.header-actions-action--social [href*=tiktok] {
  background: transparent;
}
.header-actions-action--social [href*=tiktok]:hover {
  background: transparent !important;;
}
.header-actions-action--social [href*=tiktok]:after {
  content: "\e900";
  display: inline-block;
  font-family: 'icomoon';
  width: 80%;
  height: 80% ;
  top: 50%;
  left: 50%;
  color: #000;
  transform: translate(-50%, -50%) !important;
  position: absolute;}

Your site is expired now. Can you check it again?

Edited by bangank36

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

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