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

Search the Community

Showing results for tags 'transparency'.

  • 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
    • Resources
  • 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
  • German Circle Members's Topics

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://crocodile-bison-fng9.squarespace.com/welcome I want the bg image of the forest to show through more so I'm trying to make the white behind the text much more transparent (although not completely transparent) only on this single page of the site. Is that possible using CSS or header code injection?
  2. Site URL: https://tetra-duck-r94d.squarespace.com/ The website I'm building (it's not published yet, this is my final hurdle to overcome) I'm using a white logo with a transparent header over a picture. This works fine everywhere, apart from those parts of the website that apparently can't have a picture as a header. Because the header is transparent, the text and logo white, it's almost completely invisible (the edges of the logo are visible, if you look closely). What can I do about this? I really want to keep the white logo and header text intact along with the style, so I would like to either add a picture to headers of posts and the webshop, or make the header non-transparent on those specific pages. This is the first website I'm building using squarespace and I don't have lots of experience with building websites anyway. Thanks in advance!
  3. Site URL: https://hellopopeye.com/ hi! My custom cursor is a dot so it should have no background, it is a perfect png without, but when uploading into code it doesn't give me the result I want. (see small video). I don't know how come. Also, this extra touch is not visible on Chrome, only on Safari... anyone knows how come? Thanks a lot! Eva Schermopname 2022-08-24 om 10.54.21.mov
  4. Site URL: https://goldchain.studio/ Hey squarespace gang! Quick question, I have used custom css to have a transparent floating header however, when I select my menu or home/logo icons in the header a thin border appears around the header. Is there a way to get rid of this? Any help would be much appreciated, thank you!
  5. Site URL: https://www.noiristhenewnoir.com/contact Hello, I'm trying to find out how to make the drop down menu on my navigation transparent or translucent rather than a black box. Can anyone other any assistance?
  6. Hi, Are you able to help make all the headers transparent across the entire website? https://celery-rhubarb-mdm2.squarespace.com Password: header Thanks a lot
  7. Site URL: https://www.fvbrk.com/store Hi! I've tried looking around and I can't seem to find what I'm looking for (possibly because I'm not sure what it's actually called) but I'm trying to add an image at the top corner of my product thumbnails that says "NEW" for new products. Is this a feature I am blindly skipping over or is this even possible on squarespace? A quick example would be the homepage of https://thehundreds.com/ in the "New Arrival" section (the red bomb with the word "NEW"; example image attached). Thanks in advanced!
  8. I'm trying to get a transparent header on Almar (V. 7.1). I only need this on one page so that I can have a black header on all of the other pages and have my logo show through on a banner image on the main page. Any help would be appreciated.
  9. Site URL: https://smilodon-tulip-mbea.squarespace.com/synopsis-1 Hi, I have background image I would like to run through the footer, however the footer appears as an opaque color. How can I make the footer transparent. I tried inserting this code into the pages advanced settings, but no cannoli. <head footer#footer { display: none; } } </head> And also the header toggles between opaque and transparent, I would like to make it exclusively transparent. Any and all replies much appreciated. thx
  10. Hi All- My images contain transparent backgrounds and I'd like for the background to actually remain transparent on the site. I took a quick screen shot below. The gray area of the image shouldn't be there. It is actually a transparent background. Any way to persist the transparency of the actual image to the image card? Happy to throw some css in there, but not exactly sure what to do. Thanks, Greg
  11. Have several images (inline) that will be clicked on and pop in in the lightbox function. Lightbox currently offers light overlay and dark overlay, is there a way that the opacity of the overlay can be set so that the site page is partially visible behind the lightbox?
  12. Site URL: http://www.skim-epk.com Password = SKIM I have been able to make the background of my homepage transparent using this code /* Home transparent */ body.homepage .header-announcement-bar-wrapper, body.homepage header#header { background: transparent !important; } However I would like to do the same for all my pages. How do I do that? Thanks Rich
  13. Site URL: https://paloma-contreras-design.squarespace.com/ Can anyone help me with this mobile tweak? I'd like the home page hero video to appear the same across desktop and mobile. So on mobile, I'd like the header to be transparent and for the video move up to the top of the site. https://paloma-contreras-design.squarespace.com/ Pass: PCD
  14. Site URL: https://hexahedron-point-47ee.squarespace.com/ Hi there, I'm looking to create a block of transparent color over an image, as a background for a text heading. In my demo site, the color block is just on the image file, but the idea would be to create it in CSS (or otherwise), so it doesn't change height as the image stretches. Any ideas?
  15. Site URL: https://shopthebreak.com Hello, I need help making my header fully transparent. I want the logo and navigation to be visible while the background is transparent. However, my homepage is a products page, and I can't figure out how to code the header as ALWAYS transparent. Right now its transparent for about a second before it take on the site's background color.
  16. Site URL: https://tarpon-lavender-jbyy.squarespace.com/ Password to the site is: TEMP I'm having problems making the header opacity appear semi-transparent. The options when editing the header are simply solid colour, or fully transparent. What I'm trying to achieve is a semi-transparent header, that has an opacity of 50%. The site is on the Eldridge template, so Squarespace 7.1
  17. Site URL: https://hannahesweet.com/ Hello! I would like my header/navigation to be fixed and transparent at all times (not dynamic). Unfortunately in the web builder I can't achieve the desired look. When Googling how to achieve this affect, none of the codes seem to work for me and I'm not sure why. Could someone help me achieve this? Thank you!
  18. Hi All- I'm working to make my image title backgrounds transparent so that I can apply a section background without having a weird box: I'm using an Image Card block and found out how to make the image portion of the block and content section have a transparent background, but cannot figure out how to make the Card title have a transparent background. Happy to provide any additional information. Thank you in advance. Greg
  19. I have an image saved as a png. The image has a transparent background. I'd like to upload the image as the background on a section of my site (as an image with a transparent background). Whenever I try and add the image to the background, the transparency is lost and the used-to-be-transparent background turns black (the site section colour is blue). Reducing the overlay opacity doesn't help and increasing it creates a blue wash over the image as well. I could add a blue background to the image prior to uploading it except I'm trying to get a film grain effect on the image only, not the whole background. Hence the need for transparency. Anyone know how to get around this? Thanks
  20. I'm trying to use image stacks with PNGs, but Squarespace is adding a faint color behind them. I tried testing all of the different image blocks and inline was the only one that didn't put a color behind the images (but it squished them). What is the issue here? Just a bug?
  21. I have a white logo with a transparent background that looks great on my site since there is an image behind it. However, when I send the website link in text or post it on Facebook, you can't see the logo because it is white with a transparent background. Any ideas on how to fix this without changing the logo on my website? Any idea what is used when a logo/image is included in a link? My site is not published yet. Thanks for the help!
  22. Site URL: https://impact-demo.squarespace.com/ Hi, I'm installing a new template on an existing site and I want the header on the homepage to be transparent while the header on all other pages is colored in. What custom CSS can I use to do this? I've looked through other threads and nothing is working. The template I am using is 'Impact'. Here's the link to their demo site for that template. Thanks.
  23. Site URL: https://oleander-gerbil-s663.squarespace.com/home-split Hi, I'm mocking up a template for a cosmetics brand. I am using split sections and id like the header to only go across the left side section. 50% width works for this but then i need it to be transparent over the background image section. The main issue is when i do the transparent header it only starts to show on scroll. The other issue i have is that i would like the nav links to display as a block at the bottom left side of the page. also with a transparent background. I have tried making the header 50% width and 100Vh height. I doesn't work. Any advice would be greatly appreciated. this is what i mean by the nav links - but i would like the logo just on left hand side. https://oleander-gerbil-s663.squarespace.com/home-split pw:split this is the code i have that's not working. It just shoves it all down the page.... .header { width:50%; height:100vh; background-color:transparent !important; z-index: 99999; position:fixed; top: 0; left: 0; display: flex; flex-direction: column; align-items: left; justify-content: space-between; }
  24. Site URL: https://calliope-trout-pzeh.squarespace.com/ Is it possible to make the footer transparent so that the image background from the previous section shows behind the footer?
  25. Site URL: https://circle-hexaflexagon-55nh.squarespace.com/ Hey guys! Very new to this space. I am currently trying to have my footer transparent and fixed so it will follow the user. I used the following CSS below and it works to make it fixed, but not transparent. Can anyone help me please? https://vahststudio.com/space/ - reference for what I am trying to achieve /* Footer transparent */ body { position: relative; } body footer#footer-sections { position: fixed; bottom: 0; left: 0; z-index: 999; width: 100%; } body footer.sections section, body footer.sections .section-background { background: transparent; }
  • Create New...