Jump to content

Adding a Strava icon to Header and Footer

Recommended Posts

Site URL: https://katie-remond.squarespace.com

Hi everyone

I'm currently building a website and would like to add my clients strava profile link to both the header and footer of her website. Ideally have the strava icon replacing the 'link' icon that is used now when adding a customised link

How would I go about doing this? Does someone have a guide?

Thanks

Ed

P.S Website details below

https://www.katieremond.com

Edited by edrobertson
Link to comment
  • Replies 4
  • Views 1.4k
  • Created
  • Last Reply

Top Posters In This Topic

Add to Design > Custom CSS. Replace pixabay image with strava image url

header#header .icon[href*="strava"] svg, footer.sections a.sqs-svg-icon--wrapper.url[href*="strava"] svg{
    display: none;
}
header#header .icon[href*="strava"], footer.sections a.sqs-svg-icon--wrapper.url[href*="strava"] {
    background-image: url(https://cdn.pixabay.com/photo/2022/04/13/04/57/woman-7129432__480.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: Center center;
}

 

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
  • 1 year later...

This is the text I have added:

header#header .icon[href*="strava"] svg, footer.sections a.sqs-svg-icon--wrapper.url[href*="strava"] svg{
    display: none;
}
header#header .icon[href*="strava"], footer.sections a.sqs-svg-icon--wrapper.url[href*="strava"] {
    background-image: url(https://ibb.co/PtdvtCZ);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: Center center;
}

It has not appeared as a strava logo on the site, can you please explain why?
www.lautaretcycling.com

Link to comment
On 3/18/2024 at 3:46 PM, ChrisSlade said:

This is the text I have added:

header#header .icon[href*="strava"] svg, footer.sections a.sqs-svg-icon--wrapper.url[href*="strava"] svg{
    display: none;
}
header#header .icon[href*="strava"], footer.sections a.sqs-svg-icon--wrapper.url[href*="strava"] {
    background-image: url(https://ibb.co/PtdvtCZ);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: Center center;
}

It has not appeared as a strava logo on the site, can you please explain why?
www.lautaretcycling.com

It already fine to me

image.thumb.png.27f1f9d23d5a23bdf6c44727770f719a.png

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

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.