Is there a way to imput unknown social media icons into 7.1?

Site URL: https://oval-panda-rsl8.squarespace.com/

Hi, I was wondering if someone could help me with this on Squarespace 7.1. I am trying to connect social media account icons that are not built into Squarespace. Is there a way to imput these?

Where is these icons? Footer, Page Content, Header or?

The icons are in the footer, and in the page content for my about page.

Which icons? Whatsapp, Discord...?

TradeMe and Neighbourly, both are founded in New Zealand

You can insert icon image with CSS. Can you share access password?

ok cool!

Password is Retype123

On 6/1/2020 at 5:04 PM, Letetia said:

ok cool!

Password is Retype123

Add to Home > Design > Custom CSS. Replace with TradeMe & Neightbourly icons url (below just example icons)

/* trademe */
footer.sections [href*="trademe"] div svg {
    visibility: hidden;
}
footer.sections [href*="trademe"] div {
    background-image: url(https://beaverhero.com/wp-content/uploads/2020/05/gallery-section3-min.png);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}
/* neightbourly */
footer.sections [href*="neighbo"] div svg {
    visibility: hidden;
}
footer.sections [href*="neighbo"] div {
    background-image: url(https://beaverhero.com/wp-content/uploads/2020/05/ss-team01-min.png);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

Absolute beauty, that worked a treat! How would I go about it as far as page content on the contact page? I tried to change footer.sections to body.sections but had no such luck

On 6/5/2020 at 10:50 AM, Letetia said:

Absolute beauty, that worked a treat! How would I go about it as far as page content on the contact page? I tried to change footer.sections to body.sections but had no such luck

/* contact page socials */
div#block-yui_3_17_2_1_1591407123849_7713 {
	/* trademe */
  [href*="trademe"] div svg {
      visibility: hidden;
  }
  [href*="trademe"] div {
      background-image: url(https://beaverhero.com/wp-content/uploads/2020/05/gallery-section3-min.png);
      background-size: contain;
      background-position: center center;
      background-repeat: no-repeat;
  }
  /* neightbourly */
  [href*="neighbo"] div svg {
      visibility: hidden;
  }
  [href*="neighbo"] div {
      background-image: url(https://beaverhero.com/wp-content/uploads/2020/05/ss-team01-min.png);
      background-size: contain;
      background-position: center center;
      background-repeat: no-repeat;
  }
}

Add to Home > Design > custom CSS

Hi, could you help with mine too? I am hoping to add a Whatsapp button in the social links

blenny-vibraphone-h48k.squarespace.com

Tiny123

18 hours ago, Nick2020 said:

Hi, could you help with mine too? I am hoping to add a Whatsapp button in the social links

blenny-vibraphone-h48k.squarespace.com

Tiny123

Replace example icon url with whatsapp icon

[href*="wa.me"] svg {
      visibility: hidden;
  }
  [href*="wa.me"] {
      background-image: url(https://beaverhero.com/wp-content/uploads/2020/05/ss-team01-min.png);
      background-size: contain;
      background-position: center center;
      background-repeat: no-repeat;
  }

On 6/2/2020 at 5:03 AM, tuanphan said:

Add to Home > Design > Custom CSS. Replace with TradeMe & Neightbourly icons url (below just example icons)

/* trademe */
footer.sections [href*="trademe"] div svg {
    visibility: hidden;
}
footer.sections [href*="trademe"] div {
    background-image: url(https://beaverhero.com/wp-content/uploads/2020/05/gallery-section3-min.png);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}
/* neightbourly */
footer.sections [href*="neighbo"] div svg {
    visibility: hidden;
}
footer.sections [href*="neighbo"] div {
    background-image: url(https://beaverhero.com/wp-content/uploads/2020/05/ss-team01-min.png);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

 

Can someone provide the code to do this for the discord in my header?  I've looked at solutions in other threads but none of them seem to work.

@Josh1234567

Please see the following.

I had to follow that link and it worked.  Thanks!