Jump to content


  • Posts

  • Joined

  • Last visited

paraselene's Achievements

  1. sorry, it doesn't really work 😕 it jumps to the next line too quickly
  2. super close! it's nearly correct except the text isnt wrapping properly underneath the portfolio image so it's overlapping other text or going off the screen
  3. the code works! except on mobile view the spacing is incorrect. do you know how to fix the spacing on mobile?
  4. No worries about travelling, i'm glad you're helping me out in the first place 🙂 I'm on a personal plan!
  5. sorry, is there any update to this? i'm in a bit of a rush 😞
  6. Yes! If it's possible, the pink line has a smaller font size than the black lines 🙂
  7. It works! Thanks so much! Do you think it's possible to swap out the image with a gif or a video by changing 'src'? I'd just like to animate it a bit (the clickable areas stay exactly the same). If not, that's fine too, this is honestly good enough 😄
  8. Hi! I tried it out and it looks like this: It's made both rows pink, but i only want the 'UX/UI design' to be pink. Heres the code I currently have: h3.portfolio-title:after { font-size: 16px; color: black; display: block; white-space: pre-wrap; } h3.portfolio-title:after { font-size: 18px; color: #cf347f; } a.grid-item[href="/projects/hatch"] h3:after { content: "UX/UI design \A Improving productivity through simplified task management"; } a.grid-item[href="/projects/tumblrmobile"] h3:after { content: "UX/UI design \A Faciliating content creation, retrieval, and discovery"; }
  9. Hey there! I have the same question - i've used image-map.net and the output doesn't seem to work for me either. I've read through the svg/css stuff and i've also tried to use your template but unfortunately I don't really get it... if you wouldn't mind could you also help me? Heres the code: <!-- Image Map Generated by http://www.image-map.net/ --> <img src="https://images.squarespace-cdn.com/content/v1/6301d5edd37a5f4f460fcdd2/acb9e38c-aef2-4f99-b985-fc5f71f79fa5/untitled2.png" usemap="#image-map"> <map name="image-map"> <area target="_self" alt="Projects" title="Projects" href="fox-chihuahua-df3j.squarespace.com/#projects" coords="976,166,848,912,1798,1183,1917,437" shape="poly"> <area target="_self" alt="About" title="About" href="fox-chihuahua-df3j.squarespace.com/about" coords="2052,1157,1546,1426,1546,1477,1961,1623,2443,1360,2443,1285" shape="poly"> </map> (I'm probably going to be swapping out the image with a cleaner version later, but the image dimension+hotspots will be exactly the same)
  10. Site URL: https://fox-chihuahua-df3j.squarespace.com/ Hi, does anyone know how to change the font size and colour when putting subheadings in a portfolio block? I followed another tutorial to put subheadings in but I dont know how to customise it further. What I have is on the left, and what I want is on the right. Thanks!
  11. Site URL: https://fox-chihuahua-df3j.squarespace.com/projects/tumblrmobile Hi, i'm trying to make a clickable expandable piece of text (like an accordion but not a +/- menu, more like a button that shows/hides text) I've used a markdown block to get the text show/hide feature, as shown: (hidden) (on click) However, I'd like the pink text to look more like (and act like) a button instead. Like this, where it also reacts on hover. Perhaps a markdown block isn't the best way to create a show/hide feature with a button, so if anyone knows how to make a button that shows/hides text that'd be really useful, thank you!
  • 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.