Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

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


Letetia

Question

  • Answers 14
  • Created
  • Last Reply

Top Posters For This Question

14 answers to this question

Recommended Posts

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

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

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

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