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://awmenikah.squarespace.com/ Hi everyone, I have a case that I want to change my mobile menu background and menu items colors differently for each page. Is there any ways to do it? My site URL: awmenikah.squarespace.com Pass: sikatmbuy Thank you in advance! Cheers, Wendy
  2. Site URL: https://lobster-ray-g42d.squarespace.com/provenance Hello I am trying to change the size of the text for the caption overlay with images, as I find them too big. However when I use the code below, the font changes size but now it is not centred vertically within the coloured panel behind it. I would also like to change the width of the overlay, so that I can control how far it reaches over the image. Are there ways to fix these two issues? Thank you! Louisa PW: youcanenter #block-adb66a3f627a6fb81da8 a { text-decoration: none !important; font-size:30px; letter-spacing: 0.1em; } @media screen and (max-width: 640px) { #block-adb66a3f627a6fb81da8 a { text-decoration: none !important; font-size:20px; letter-spacing: 0.1em; } }
  3. Site URL: https://plantain-tiger-bjwd.squarespace.com/config/pages/60b8480265d7df4bcf8f97ed HELP ME please. When I create a new section on any page of the website it is greyed out. See screen grab attached. I can still add content to the section. As you can see there is a button and a coloured background. But why is there a white/grey overlay on the section? If I move the section up then the image gallery comes down into the second position, and has the grey overlay. So it seems it's the second section position which has the problem. If I create another section below the second one it's completely fine. I hope this is an easy one to fix. thanks! 🙂
  4. Site URL: https://saffron-butterfly-a26f.squarespace.com I was wondering if there was a way to move the caption overlay on the home page images from the bottom to the top or middle of the image. Thanks! Website: https://saffron-butterfly-a26f.squarespace.com Password: @Barleycorn5
  5. Site URL: https://triangle-keyboard-t5hz.squarespace.com Hi - I am changing increase the overlay opacity on the top image on mobile only. This is the code I am using without success. @media screen and (max-width: 640px) { [data-section-id=“609aa62a18656e56660631b2”] .section-background .section-background-overlay { opacity: 0.3; }} If anyone can tell me what I am doing wrong that would be great. I am getting a syntax error on the [data.. ] section. Thank you. Password: WLAC
  6. Site URL: https://corn-apricot-zn88.squarespace.com/portfolio-test I know overlay doesn't work the same on mobile, BUT it works on my people page and values pages, but not on the portfolio-test page!!! it is done slightly differently in the CSS - with the overlay in the portfolio-test being from the site styles of Squarespace. Is there a way to get the portfolio-test to work like the others on mobile? no password
  7. Site URL: https://flugelhorn-seahorse-lzrb.squarespace.com/?p Hi, I'm trying to figure out how to overlay a vertical line with an arrow I want it to overlap the sections if possible I tried by making a section between the two and using a code box but i only figured out how to do the vertical line and the space between is too much and not what I want - I've attached a screen shot. I'd like to get rid of all that space between services so it wont be that far away and Id like to change the vertical line to one with an arrow pointing down.
  8. 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?
  9. Site URL: https://www.thegrannywardrobe.com/shop Hello everyone! Just wondering why is this happening - the images in my shop will randomly have an overlay image on it when I didn't set up any overlay. Please see examples below. The image supposed to look like this: But sometimes (not every time) it appears like this: And not just this particular image, it appears to happen to all of the images randomly. Does anyone know how to fix this? Thank you so much in advance! :) Best, Lorraine
  10. Hi there, I found the following code in a youtube tutorial for autoplaying and looping video in squarespace. It shows up fine on desktop, but on mobile the video has a grey outline / boundary or a grey overlay (differs on Android / iOS). This is the code I'm using as a code block (video URL removed for now - it's the URL generated when you upload to 'manage custom files') <center> <video autoplay= autoplay" loop="true" width="100%"> <source src="VIDEO LINK GOES HERE " type="video/mp4"/> </video> </center> Any ideas how to fix this on mobile? Note - I don't code so please make any technical instructions simple 🙂 Thanks!
  11. Site URL: https://chartreuse-gold-tl9a.squarespace.com/ I've achieved a faded/overlay-on-hover effect upon my gallery thumbnails on my about page using this code: a img.thumb-image:hover { background-color: #c043cb; transition: .70s ease; opacity: .70;} However, I want the background colour which is a purple to show instead of what seems to be the default grey. Anyone know how to help? Thanks! Abby Website: https://chartreuse-gold-tl9a.squarespace.com/ Password: sparklefox
  12. Site URL: http://www.maggiebrz.design Hi everyone! I just switched from 7.0 to 7.1. In the masonry gallery grid, I'm trying to add hover effects to my images- a color overlay and image caption on hover. I talked to customer support, and they told me that 7.1 doesn't support gallery hovers. I'm having trouble with the code, and was wondering if anyone had more luck than I did? I've attached a screen shot of how the site is set up. I'm trying to keep the full-bleed effect. I've been stuck in a rabbit hole working on this all day - thanks for the help!!
  13. Site URL: https://grasshopper-saffron-ffl9.squarespace.com/ Hi, How do I reduce the height of the overlay caption on these images? See screenshot:
  14. Site URL: https://www.makersdepartment.com/purepods Hi, I have added the following code from Pinterest's website on their Widget builder: <script async defer data-pin-hover="true" src="//assets.pinterest.com/js/pinit.js"></script> At the moment the Pinterest button appears at the top left of the full image, so when the image is cropped the Pinterest button is no longer in the right place (see image). I realise it needs to align at the top left of the image block, not the image itself. How can I do this? Also can you change the size of the Pinterest button? This isn't as important but thought I'd ask anyway just in case :) Thanks so much.
  15. Started a new gallery section and wanted to have a transparent (or opaque) overlay on hover like in the portfolio option Here is a screenshot of where I think the code is to copy, paste and modify but really I dont know what I'm doing.
  16. Site URL: https://www.saccostyle.com/ hi do you know how to get rid of the white box around the menu dropdown when they're over a photo or video? See screenshot @tuanphan Thanks in advance!!!
  17. Hi, does anyone else has this issue? SP says they are working on it for almost a week now. They tested it just once. It looks bad.
  18. 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.
  19. 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!
  20. 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 🙂
  21. 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!
  22. 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!
  23. 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
  24. 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 !
  25. 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?
  • Create New...