-
Posts
17 -
Joined
-
Last visited
Personal Information
- Website
-
Location
Toronto, Canada
Recent Profile Visitors
The recent visitors block is disabled and is not being shown to other users.
GPGDesigns's Achievements
-
AspireMusicGroup reacted to a post in a topic: Floating Spotify playlist
-
Square_Ace reacted to a post in a topic: Floating Spotify playlist
-
@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>
-
GPGDesigns started following Floating Spotify playlist
-
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!!
-
GPGDesigns reacted to a post in a topic: Using Custom Font on Buttons Sitewide
-
GPGDesigns changed their profile photo
-
@tuanphan yes yes ended up playing around with it and adjusting the image sizine which helped! Thanks!!
- 29 replies
-
- navigation
- images
-
(and 1 more)
Tagged with:
-
GPGDesigns reacted to a post in a topic: Changing navigation links to images
-
tuanphan reacted to a post in a topic: How can I keep navigation folder expanded by default in the mobile menu
-
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; }
- 29 replies
-
- navigation
- images
-
(and 1 more)
Tagged with:
-
@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!
- 29 replies
-
- navigation
- images
-
(and 1 more)
Tagged with:
-
@tuanphan thanks for always replying with a solution!!
- 9 replies
-
- navigation
- mobile
-
(and 2 more)
Tagged with:
-
GPGDesigns reacted to a post in a topic: How can I keep navigation folder expanded by default in the mobile menu
-
GPGDesigns reacted to a post in a topic: How can I keep navigation folder expanded by default in the mobile menu
-
@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
-
GPGDesigns reacted to a post in a topic: Vertical side tabs 7.1
-
How to Show Carousel Gallery Title (caption) : Footer
GPGDesigns replied to sanfranciscosasha's topic in Customize with code
Hello! I'm also having this issue 😞 Website: melcharlot.com/about -
How to darken images in gallery on hover?
GPGDesigns replied to MishaY's topic in Customize with code
@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. -
Scrolling text over a fixed background within a section
GPGDesigns replied to nsdoyle's topic in Customize with code
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 -
@Ziggy Thanks Ziggy! I have and tried this code as well - and it doesn't seem to be working on my end
- 9 replies
-
- navigation
- mobile
-
(and 2 more)
Tagged with:
-
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!
- 9 replies
-
- navigation
- mobile
-
(and 2 more)
Tagged with:
-
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 😞
-
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!