Adding a Strava icon to Header and Footer

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

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

Hello,
Thanks for the suggestion, I've added this as suggested but I would like the logo to appear as the colour of the text in the header here: https://www.lautaretcycling.com/

How can I make this possible 🙂 is this possible ?

Thanks,

Chris

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

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