Letetia Posted May 29, 2020 Share Posted May 29, 2020 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? Link to comment
tuanphan Posted May 29, 2020 Share Posted May 29, 2020 Where is these icons? Footer, Page Content, Header or? 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
Letetia Posted May 30, 2020 Author Share Posted May 30, 2020 The icons are in the footer, and in the page content for my about page. Link to comment
tuanphan Posted May 30, 2020 Share Posted May 30, 2020 Which icons? Whatsapp, Discord...? 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
Letetia Posted May 30, 2020 Author Share Posted May 30, 2020 TradeMe and Neighbourly, both are founded in New Zealand Link to comment
tuanphan Posted May 31, 2020 Share Posted May 31, 2020 You can insert icon image with CSS. Can you share access password? 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
Letetia Posted June 1, 2020 Author Share Posted June 1, 2020 ok cool! Password is Retype123 Link to comment
tuanphan Posted June 2, 2020 Share Posted June 2, 2020 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
Letetia Posted June 5, 2020 Author Share Posted June 5, 2020 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 Link to comment
tuanphan Posted June 8, 2020 Share Posted June 8, 2020 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
Nick2020 Posted November 11, 2020 Share Posted November 11, 2020 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 Link to comment
tuanphan Posted November 12, 2020 Share Posted November 12, 2020 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; } 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
Josh1234567 Posted September 2, 2021 Share Posted September 2, 2021 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
creedon Posted September 2, 2021 Share Posted September 2, 2021 @Josh1234567 Please see the following. Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
Josh1234567 Posted September 2, 2021 Share Posted September 2, 2021 I had to follow that link and it worked. Thanks! Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.