paraselene
Member-
Posts
15 -
Joined
-
Last visited
paraselene's Achievements
-
Subheadings with different font size on portfolio
paraselene replied to paraselene's topic in Customize with code
-
Subheadings with different font size on portfolio
paraselene replied to paraselene's topic in Customize with code
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 -
Subheadings with different font size on portfolio
paraselene replied to paraselene's topic in Customize with code
the code works! except on mobile view the spacing is incorrect. do you know how to fix the spacing on mobile? -
Subheadings with different font size on portfolio
paraselene replied to paraselene's topic in Customize with code
No worries about travelling, i'm glad you're helping me out in the first place 🙂 I'm on a personal plan! -
Subheadings with different font size on portfolio
paraselene replied to paraselene's topic in Customize with code
sorry, is there any update to this? i'm in a bit of a rush 😞 -
Subheadings with different font size on portfolio
paraselene replied to paraselene's topic in Customize with code
Yes! If it's possible, the pink line has a smaller font size than the black lines 🙂 -
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 😄
-
Subheadings with different font size on portfolio
paraselene replied to paraselene's topic in Customize with code
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"; } -
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)
-
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!
-
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!