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

Adding svg logo to site (squarespace 7.1)

Question

Site URL: http://www.pitchurethis.com

Currently using Squarespace 7.1 and would like to upload my site logo as an svg. I know it can be done in 7.0 using certain templates but since the platform has changed, I can not seem to get any code to work to make this happen. Any one know a solution for this?

Share this post


Link to post

17 answers to this question

Recommended Posts

  • 0

Can you provide password?


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0
1 minute ago, colee424 said:

@tuanphan I've just made the site live temporarily. Please let me know if you can help me with this!

Hi

First you add a random logo. (you're using Site title, change it to image)

Then, I will give code to replace it with svg


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0

Add to Home > Design > Custom CSS

/* tuan -5mi */
.header-title-logo img {
    visibility: hidden;
}
.header-title-logo a {
    background-image: url(https://image.flaticon.com/icons/svg/2728/2728997.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

See how to upload file: https://support.squarespace.com/hc/en-us/articles/205813928-Uploading-and-managing-files


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0

Is there a way that the svg will change color based on the theme. Standard theme keeps the svg logo black. If you select Dark Bold theme the navigation text transitions to white. Can the svg do the same?

Share this post


Link to post
  • 0
Posted (edited)

@tuanphan I tried this code using the theme Hawley but it is not working. Any idea why? I uploaded the file correctly I think, my URL is /s/svg0.svg

Edited by Isha

Share this post


Link to post
  • 0
1 hour ago, Isha said:

@tuanphan I tried this code using the theme Hawley but it is not working. Any idea why? I uploaded the file correctly I think, my URL is /s/svg0.svg

try using fullurl, eg: https://yourdomain.com/s/svg0.svg

 

On 7/12/2020 at 12:32 PM, nathanhills said:

Is there a way that the svg will change color based on the theme. Standard theme keeps the svg logo black. If you select Dark Bold theme the navigation text transitions to white. Can the svg do the same?

no, you can't do this. You can insert code on each page to change color manually


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0
On 7/29/2020 at 12:51 PM, Isha said:

Thank you so much Tuanphan! I tried that but unfortunately it didn't work.  I used https://static1.squarespace.com/static/5e01c1b95bff094372f7cdc2/t/5f2085ab78a97759df8acc10/1595966891992/svg0.svg as a link and although my initial image is hidden, this one isn't replaced 😞

Can you share link to your site? I can check easier.


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0

Hi Tuanphan - this code worked perfect however after saving and moving between pages it disappears. Any idea why that might be happening. Thank you!

Share this post


Link to post
  • 0
On 9/19/2020 at 10:46 PM, Kyle_ said:

Hi Tuanphan - this code worked perfect however after saving and moving between pages it disappears. Any idea why that might be happening. Thank you!

Can you share site url? We can check easier.


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...