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

10 answers to this question

Recommended Posts

  • 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  Armadillo - Free portfolio template

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  Armadillo - Free portfolio template

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  Armadillo - Free portfolio template

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  Armadillo - Free portfolio template

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