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


  • Content Count

  • Joined

  • Last visited

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. I just ended up adding text links to the bottom of each project. I'll have to update everything manually if I move things around, but I don't have many projects so that's fine.
  2. @bbowers00 My projects are currently regular subpages under the "work" folder, so they show up in global navigation. If that's what you're looking for, it's super easy! Just make any main page in your global nav (like work, or "projects", "clients" etc) a folder and add regular pages to it. But they don't link to each other automatically like the portfolio pages do in my screenshot above. I'm sure there's a way to do it involving pagination, but I haven't figured it out yet.
  3. @tuanphanI ended up switching back to standard Squarespace social icons, but here's my original thread on the issue:
  4. I was having the exact same issue! How did you solve it @fabrizi?
  5. Sure @tuanphan! https://pineapple-sapphire-khkb.squarespace.com password: echeveria
  6. I also just noticed another issue - even though I deleted the project pages, there's still a "manage projects" block on my home page that is just a huge empty space, and I don't know how to get rid of it. No trashcan.
  7. I would love that @tuanphan! Specifically how it is on my current site, with the case study before and after linked at the bottom, just above the footer but below other content blocks. I would like to style the text as well, either in the editor or manually, because by default (as it is here) it's huge.
  8. Wow, I feel like I'm really missing something. I copy + pasted your css in, removed my additions to the svg code, and now it's not doing anything on hover. Clearly it should work 😕 I hugely appreciate all your help and this method is so slick. Could I do it the original way and set the image sizes, or will Squarespace override that? Edit: Did some google digging and found this thread: https://github.com/filamentgroup/grunticon/issues/235 "TL;DR: Also make sure there are no fill="xxxx" attribute in your svg markup" So I deleted that from my svg code and it worked! WHEW. I'll put in proper
  9. I'm having an issue with portfolio navigation. I wanted to lay out my projects differently than the default options, which I find super limiting. I talked to chat and they just said to build them manually, by using image blocks etc. So I did that. But I realize now these pages don't have the functionality of portfolio pages, specifically how they link to each other. Is there any way to tell Squarespace these are portfolio pages? I feel like it involves my site structure in the left sidebar, so I attached an image of what that looks like.
  10. @RyanDejaegherI did get it to work on the first icon, but there are a couple snags. As you roll over the empty space in the icon (the "in"), the color effect goes off, causing a jittering effect if you move your mouse all the way across. Also, transition is being ignored outside the editor (I can't remember if this was working outside the editor before or not). I tried a version with a background fill color for the "in" instead of no fill, but that didn't seem to change anything. Looking at the svg code all I see is the dark fill. I'm learning the required css (and vector requirements)
  11. Ooh, I didn't know that! It sounds like a much better way to handle it. I'll give it a shot. Thanks @RyanDejaegher!
  12. Site URL: https://pineapple-sapphire-khkb.squarespace.com/ I'm having a rollover issue. I found some CSS to go from a black icon to one with color on hover, and it works perfectly within Squarespace. But when I view it in a separate browser window or different browser, the original icons aren't the same size as the hover versions. The attached images are what it's supposed to look like and what it actually looks like outside of the editor. Here is the CSS I'm using: .icon-swap-linkedin img:nth-child(1) { position:absolute; transition: .5s; } .icon-swap-linkedin img:nth-ch
  • Create New...