Jump to content

GPGDesigns

Circle Member
  • Posts

    17
  • Joined

  • Last visited

1 Follower

Personal Information

Recent Profile Visitors

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

GPGDesigns's Achievements

  1. @Square_Ace YOU ARE AMAZING!!! It works exactly howww we needed - so appreciate you!! Anyone that may need this - it now has been tested and works thanks to this man lol First, add this custom CSS: .spotify-container { position: fixed; bottom: 20px; right: 20px; height: 152px; width: ~'clamp(100px,200px,80vw)'; z-index: 100 } You can adjust the values as you wish. I've tried to make the width flexible and work across device sizes but you may need to tweak it. Then go to your code injection footer and paste this: <div class="spotify-container"> <iframe style="border-radius:12px" src="https://open.spotify.com/embed/playlist/1jPEI1ZyAMuA4aLSsAxm8U?utm_source=generator" width="100%" height="152" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe> </div>
  2. Hey everyone, wondering if anyone knows how to embed a Spotify playlist, that then is a floating player (across all sections) in the bottom right hand corner on all pages? Here is the playlist embeddable code: <iframe style="border-radius:12px" src="https://open.spotify.com/embed/playlist/1jPEI1ZyAMuA4aLSsAxm8U?utm_source=generator" width="100%" height="152" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe> Password for website: NewSiteLove Thank youuu in advanced for any help!!
  3. @tuanphan yes yes ended up playing around with it and adjusting the image sizine which helped! Thanks!!
  4. Okayyy so I've actually figured it out almost.. For anyone that needs... I used Will Myers mega-menu plugin + @tuanphan code to replace the Menu link with an image... In the code I changed - background-size from Contain to Cover and then played with the sizing. I do have some of my image cut off at the top.. not sure if anyone could advise on how to remove some of the top padding ? CODE BELOW (from Tuanphan) a.header-nav-folder-title[href="/folder-url"] { visibility: hidden; } a.header-nav-folder-title[href="/folder-url"]:before { background-image: url(add-image-here.png) !important; background-size: cover; background-repeat: no-repeat; width: 180px; height: 240px; content: ""; display: inline-block; visibility: visible; position: absolute; }
  5. @tuanphan Heyy there! Thanks for this thread - soo good!! I have installed this plugin - https://www.will-myers.com/products/p/hamburger-menu - for a mega menu. I would loveee to have the image be larger and overlap onto the header section and remove padding to look like the screenshot below. Does anyone know a workaround or a code for this at all? Website: https://the-candy-shop-dance.squarespace.com/ Password: NewSiteLove Thanks in advanced for any help or advice!
  6. @tuanphan thanks for always replying with a solution!!
  7. @Nancygallardo562Thanks so much for this code! It looks great and is super helpful!! Wondering if anyone is able to help with resizing the image. I want the image have no padding and take up 45% of the active box - to look like the screenshot i have added. Not sure how to do this @tuanphan - any chance you could help with this one? 🙂 Page: https://puma-hexahedron-fbsa.squarespace.com/ Password: NewSiteLove
  8. Hello! I'm also having this issue 😞 Website: melcharlot.com/about
  9. @tuanphan I would love help with something similar, if you wouldn't mind helping me out! I would like the artist gallery section on this page >> https://hen-bugle-ztfx.squarespace.com/about to show the caption on hover. I would also love each image to have a dark overlay on it, unless on hover - then just the normal image. Is this possible? Kinda the reverse to what Misha was asking about.
  10. Hii! This works so great for me as well!! Thank youuu - wondering if there is a way to have those static background images as videos? @tuanphan
  11. @Ziggy Thanks Ziggy! I have and tried this code as well - and it doesn't seem to be working on my end
  12. Heyy! I am wanting the one folder to stay expanded by default so each title shows without having to click on the folder to expand the mobile menu. I have tried using the code: @media only screen and (max-width: 768px) { #mobileNav ul li.folder ul { display: block; } #mobileNav ul li .folder-parent>a:first-child:before { content: '' !important; } } But this isn't working unfortunately - has anyone achieved this and been successful? Site URL: https://cuboid-fish-h5ma.squarespace.com/ Password: NewSiteLove The folder is currently titled "+" just to test for now Any help would be soooo appreciated!
  13. Hey @ReformDesign - I tried this but unfortunately it doesn't read as the hover effect takes over. And the hover element / block isn't clickable 😞
  14. Hey! I have just added the hover effect so that when you hover over an image, a second image appears. I would really love the second image to be clickable or that whole section to be clickable. I have used the following code in design > custom css to make the hover effect happen: #block-0557efeb853081d6a937:hover { content: url(THIS IS WHERE MY SECOND IMAGE GOES); } Wondering if anyone knows how the image on hover linked? or the block "#block-0557efeb853081d6a937" - clickable? Thanks in advanced!
×
×
  • 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.