Jump to content

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

Recommended Posts

  • Replies 14
  • Views 1.2k
  • Created
  • Last Reply
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;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 5 months later...
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

2001857986_whatsapphelp.PNG.3f5f13fc071bf5c262babdf1f6f261c5.PNG

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;
  }

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 9 months later...
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.

Link to comment

Archived

This topic is now archived and is closed to further replies.

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