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
    • Selling & Scheduling Your Services
    • 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://www.annawasson.com/ As you can see on my site, when you hover over each portfolio image on the portfolio grid, there is a transparent black overlay with the caption. I have been tinkering with custom CSS to make the overlay a solid color (light blue) with the caption when you hover over it, but I can't seem to make the opacity completely opaque on hover. Let me know if this is possible.
  2. Site URL: https://keyboard-jaguar-k52z.squarespace.com/ Hi there, I'm trying to achieve this effect: when clicking on the search icon in the header, it opens a full screen window where to type the search and where the search results are shown. Something like this: https://pauliandsisters.com/search This is the website I'm working on: https://keyboard-jaguar-k52z.squarespace.com/ Password: tpt-2021 Thanks in advance for your help!
  3. Site URL: http://www.hyejukim.com Hello! It's my portfolio grid: overlay page. First, I've tried to separate title as the first picture above by putting "<br>". Is there another way to divide sentences? Second, I want to leave the first sentence (=COOL UNCLE), and change the font and size of the second sentence (Branding). Please help me out with how to change it! Thank you 🙂
  4. Site URL: https://keyboard-jaguar-k52z.squarespace.com/ Hi there, I'd like to split the overlay menu into 2 columns, something like the image attached. This is the website I'm working on: https://keyboard-jaguar-k52z.squarespace.com/ Password: tpt-2021 Any suggestions? 🙂 Thanks!
  5. Site URL: https://www.indigowellnessgroup.com/ Hi, I would like to add an overlay color for the images in just this section as I did using DevTools (blue), but cannot figure out how to change this in custom CSS. The page is #home-conditions and Ive tried several things but cannot get it to stick. Thanks!
  6. subj: hamburger appearance - in 7.0. , brine template Dear all, A topic I have seen, but nowhere the solutions seem to work for me. I have a hamburger Icon on the top right in mobile view, and want it to display NOT in a colored header bar but as overlaying the banner image that is on the "home" page. Is there someone out there that could help me please? thank you! marion
  7. Site URL: https://vibraphone-fuchsia-r9kk.squarespace.com/ Hi, I want to remove the CTA (book now) button from the overlay menu, but I want the button to be visible on desktop. Thanks in advance for your help !
  8. Site URL: https://www.zacharyadesign.com/zacharya I am trying to create another page that is similar to this: https://www.zacharyadesign.com/zacharya, but with different photos. How can I add the white font on top of the photos in the left upper corner on photos of another page?
  9. Site URL: http://laurenkilbane.com Hello, I'm looking to add a hover effect to my block images, something that will create a color/opacity overlay on to the image when a visitor hovers over it. I have a caption displayed underneath that I want to leave visible at all times (so this overlay would be separate, just for the image). I've noticed it's especially hard to tell that these images are linked when viewing my site from a mobile device. Not sure if my template allows for customization like this, but any advice would be greatly appreciated. Thanks!
  10. Site URL: https://www.karensarailopez.com The mobile overlay menu button for my website appears all the way at the bottom of the screen and it's far smaller than the rest of the navigation options. Is there a way to move it up so that its at about the same spacing as the rest of the menu links and so that it's the same text size? Thanks.
  11. Hi all. I would like the "build it" to be in the same place as "dream it" - overlayed over the image Can anyone help me accomplish this? Thank you Site is not active
  12. Site URL: https://whale-mushroom-t6kh.squarespace.com I'm not sure why when I change the image lock to a card (anything other than inline), it adds an opacity over the image. How do I remove the image overlay?
  13. Howdy. If I want to create "a hovering button" linked to my price or contact page when I'm scrolling thru my galleries how do I do that? Idea is that this button should hover always on a left side of the page when going thru my website.
  14. Site URL: https://walrus-bellflower-k256.squarespace.com/ I have an image in png format which is a black shape on a transparent background. I want the image to be the background image for a particular section which has an yellow background color. I would like the image to float on top and be adjustable opacity. It seems to do most of this fine, except when I set the opacity to 0, the area that is supposed to be transparent is actually gray. And as I adjust the opacity, you can see that it also adjusts the opacity of this gray area. It seems as though instead of the image being black-on-trans
  15. Site URL: https://www.partners.forme.yoga Hey everyone, I am trying to change the overlay opacity of my background image, during a mobile screen size. When the black text is over the top of the picture, I would like the image to have a higher percentage overlay opacity. In desktop mode, its ok, as the text is over the white portion of the image. Can a CSS code fix this? https://www.partners.forme.yoga Matt
  16. Site URL: http://torchglow.video Site PW: T0rchgl0w Is there a way to add an image that appears on top of other content and then also make that image rotate? I have a circular badge logo (transparent .png) that I want to appear over the corner of the a video and rotate infinitely. Please refer to the right side of the attached mockup for a reference. Thanks!
  17. Site URL: http://www.southernsunevents.com @tuanphan @bangank36 I've used the following for the image resize but now when I try to adjust the overlay text large sections get greyed out and banner images get cut/rearranged. Any ideas? First shot attached is before and second is after trying to adjust text. Site: www.southernsunevents.com Password: sse2020 Code I used for image resize... @media screen and (max-width: 640px) { .Parallax-item:nth-child(1) .Index-page-image { background-image: url('https://static1.squarespace.com/static/5e1752ffdaded31e3
  18. Site URL: https://pear-sponge-56w4.squarespace.com/recarpet/event Hello, I would like to add an overlay caption when hovering over images in a gallery. I found the code to do this, it worked great but it disabled the lightbox function so the images couldn't be enlarged. Would anyone be able to help take a look at the code to see how to keep the lightbox function working? Thank you appreciate any help! CODE: .gallery-caption { position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.4); /* overlay color */
  19. Site URL: https://recorder-octopus-4br6.squarespace.com/ We are trying to use a video background on the homepage of our new website: https://recorder-octopus-4br6.squarespace.com/ Password is: inprogress2021 When placing a video background on the webpage, everything looks fine until we stop editing the block. Then the colour style and overlay we are trying to use resets to white text on a white opacity video. I've used a link from both vimeo and youtube, and the same issue happens. Please help!
  20. Where do I find the gallery overlay option? Site had overlay text on the homepage gallery image and I replaced images with new images and now the overlay text is not appearing.
  21. Hi, Can anyone help please? What's the best way to add a .png image with transparency on top of an image? It's an inline image, not in a summary block or carousel. It seems that none of the image options (inline, stack etc) allow an overlay image though. The png I'm trying to layer on top is a graphic from my client of 2 fancy coloured script fonts with transparent background. I'd rather add it as an overlay than save it direct to the image for responsive purposes. Can anyone help please? So far I can only add it if the image underneath is a background to a whole section. I
  22. Hi, I am creating a website for a client. The client would like to have their branding color as an overlay every time we hover over the portfolio grid image. I have tried a few codes and none work. Is there a CSS code that would solve this issue? SO for the hover only comes out as white and i cant find a way to change it. @tuanphan
  23. 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
  24. Site URL: https://prism-swan-send.squarespace.com/projects/victorian-villa-hove-part-one Hey guys. I'm trying to make the background colour behind the text on the Gallery Block Title invisible but for some reason, it always carries a transparent black. What CSS do I need to get rid of it please? I've been using this code to change it to another colour and move it around but I really want to lose the background colour/transparency completely. TIA! p/w interiors //Gallery Slideshow Background Colour// .sqs-gallery-block-slideshow .meta .meta-inside { background: none; padding-right
  25. 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
  • Create New...