Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Search the Community

Showing results for tags 'overlay'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers 🇫🇷's Topics
  • France Designers 🇫🇷's Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. Site URL: https://prism-swan-send.squarespace.com/ Hey everyone. I'm trying get the background overlay colour to fit full width over the image when you hover over. I've used some CSS to style it but don't know how to get the colour covering the whole image when you hover. Thanks for any help in advance. I'm using Rally 7.0. https://prism-swan-send.squarespace.com/ p/w interiors
  2. Site URL: https://www.randvisuals.com/portfolio Hey , I'm fairly new to squarespace so I appreciate any help that I can get. I've been trying to figure this out this past weekend, but no luck 😞. I want to resize the hover text to make it a little bit larger and easier to see. Also, I'm trying to add my logo the left side of the footer. Every time I post the logo, I can't seem to resize it. I even tried resizing it in photoshop and re-uploading, but no luck :(. https://www.randvisuals.com/portfolio
  3. Site URL: https://www.thefirst.vc/portfolio Hello, so i created image overlay effect for my portfolio page complete with custom css. It is working perfectly fine on desktop browser (https://www.thefirst.vc/portfolio) but its completely not working for mobiles. Can anyone suggest what can did i do here? How can i make this responsive? Code: <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <style> .flex-container { position: inherit; display: flex; } .img1-wrap { position: r
  4. Site URL: https://wildwaypoint.com/ Hey everyone, I want to add a text block overlaid on my home page.. I don't get why I cannot. On my Home page as linked. I want the text in the Black section moved to be on the photo of the Bus, Above the text that's on there. And have the black section deleted... If this "Portfolio" template is the issue, I'd love recommendations on a similar one that would work, Thanks!
  5. Hello, i need help and not sure if this possible but i'm giving it a shot. this is for my portfolio site on 7.1 I have a gallery reel with multiple projects inside of it on my HP...I want for all the entire reel to be highlighted with colored opacity and type so it indicated the entire reel is one section. i attached two images to show what i mean. please help! thank you Sam
  6. Hi, I'm trying to let some transparent areas on my background png images (full bleed) to show up as black. Under section themes, I set the background to black under "Sitewide". I noticed that when I set the background image under "inset" it will let the black show through as I hoped the full bleed option would. Is it possible to enable black backgrounds like this for full bleed backgrounds? It seems anytime the background png is set to full bleed, the background color is always white, rather than black. I suppose I can always just set the background color black on the original art files,
  7. Site URL: http://www.pearlsandpoets.com Hello! Wondering if anyone knows how to change the menu overlay button font size for mobile? It's much smaller than the nav links and I want to increase it. Thanks!
  8. Hi, I made the homepage of the website a gallery slideshow. I would like to add an overlay on the slideshow gallery. And also make the menu text white on that page only. Thanks for your help.
  9. Hi! I'd like to slightly overlay a title over a border or photo. I want the text to hang off a little on the bottom. Is there a certain CSS code for this or is this an option on gallery overlay in images that I can play with? Attached is an example :)
  10. Site URL: https://rootsandberries.squarespace.com Hi there I'm currently building a client website – https://rootsandberries.squarespace.com : password: berries – and I'm trying to create a slideshow gallery with overlaid copy. Something that was simple pre-SQSP7. On the homepage, I need to get the slideshow looking like the static image that's currently sitting below it. The text position, the font, being able to change the image opacity etc. All the features of the static image, but on the gallery... Is there anyone out there with a solution that works for all screen si
  11. Site URL: https://mouse-trout-epjy.squarespace.com/members Hi, I have a gallery grid with a coloured overlay - but my image links don't work while the overlay is active. Here is my code for the overlay: .gallery-grid-item:hover .gallery-grid-item-wrapper:after { background: rgba(102,200,240,0.6) !important; content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } When I disable this code the links on the images work again. Can anyone help with this? It is fundamental that the images have links - I ca
  12. I would like to style the top section on my home page like a "collage" type image, but instead of having the text box overlap just one image, I want it to overlap a slideshow. Does anyone have advice (or code) for accomplishing this? Thank you, Micaela
  13. Site URL: https://www.pawmatch.org/ Hi Everyone: I'm a newbie to Squarespace and coding. I have been trying to change the overlay opacity just for the very first banner on the home page of the site pawmatch.org, and I'm not even sure where I have to place the code. Can anybody help me?
  14. Site URL: https://www.bartonplacecondo.com Hi! I know this question has been asked in various forms but I've tried using codes provided to other people and it didn't work for me. I just need help reducing the padding on this image overlay caption on the landing page here (currently it has placeholder copy for the listing price) www.bartonplacecondo.com Template: Barbosa I believe; SS version 7.1 I don't use captions anywhere else on the website, so the code would only need to apply to this one instance. Additionally, I'm hoping that whatever code I implement will sti
  15. I'm trying to get rid of the image overlay on the image behind my menu items...you can see the gray box being put over my image that is supposed to be white. I'm working in the Mark Novo template I think it may be a custom CSS thing. Can anyone help me with this?
  16. Site URL: https://www.goodmonday.se/en/blog Hi, Is there a way to have the blog thumbnails to zoom and show an overlay on hover (for example a white or black overlay in opacity)? I'd like the blog thumbnails to behave the same way as the gallery thumbnails does on the below test page (using code from this forums)? https://www.goodmonday.se/en/blog The first section on this page uses a "gallery masonry grid" and the section below uses a "Summary" that lists my blog page. Many thanks!
  17. Is there a way to have to the "sections" sitting next to each other? I'd like to have two rows side-by-side with full bleed backgrounds (see reference image). I'm then planning to place pngs on top, so that it translates well across devices. I'm including an example image. I am not uncomfortable with code, but only have very basic knowledge. Could someone please point me in the right direction? Any help is greatly appreciated.
  18. Hi there, There is any way to remove the fade in/out from the overlay menu on mobile? What I want is that the menu instant pop in and out without transitions. thanks for your help
  19. Site URL: https://www.aestory.com Hi, I'm having difficulties with creating colour blocks on image overlay. I found code and entered it in the injection custom css of the page (aestory.com/explore) which worked but doesn't on an other page (aestory.com/stories). It worked for a moment but the code I used affected both pages. I want to create colour block when hovering on an image (poster, for example) on two different pages (two different colours). Thanks in advance!
  20. Site URL: https://honest-folk.com/our-work Hi all, I'm looking for some help on adding a rollover effect or overlay to images on just one page of my site. I previously found a piece of code to add a colour overlay but it was site-wide. As you'll see on the page here, I've designed a custom portfolio page with the images as links but want them to have a slight transparency on rollover. https://honest-folk.com/our-work Is there a piece of code that I can add to just that page? Thanks.
  21. portfolio 7.1 site mobile view on portfolio page hover overlay text does not appear whatsoever - I really need this text title to display on touch screens mobiles upon scrolling or selecting -how may i fix this? please take a peek at the portfolio page on any mobile view www.nadinenorman.com/artwork sincere thks to anybody who may be of help - nadine
  22. Site URL: https://www.katekrizka.com Hi There! I am looking to create a transparent image overlay with a button ON TOP of my home page. I have an example site below of what I am looking to do. Currently working o SquareSpace 7.1. Thank you for your help! https://events.northerndecorinc.com/ -JB
  23. Site URL: https://mouse-trout-epjy.squarespace.com/members Hello, I have a gallery grid with an overlay on hover to display the caption on each image. However, each image also needs to link to a page. It seems that when I add an overlay it disables the clickthrough link on the image. Anyone got any ideas on how to solve this? https://mouse-trout-epjy.squarespace.com/members site password: spong123 This is my code: .gallery-caption { position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.4); height: 100%; padding:
  24. Site URL: http://www.authenticstorytelling.co.nz I'm currently updating my site with a new template - Camino in the Tremont family - and wondering if there's any way to modify the navigation header overlay. It's scroll triggered so that it shows when you scroll up and disappears when you scroll down but on some of my sub-pages, this overlay over text does not look great. Can I change the timing of when it's triggered or make the header background opaque so that its legible when displayed over other text?
  25. Site URL: https://ranunculus-caterpillar-62hs.squarespace.com Hello, I am trying to add from grayscale to colour overlay on hover to the portfolio grid:simple.
  • Create New...