GPGDesigns
Circle Member-
Posts
12 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by GPGDesigns
-
@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:
-
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:
-
@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
-
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!