Jump to content

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

Recommended Posts

  • Replies 14
  • Created
  • Last Reply

Top Posters In This Topic

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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

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.