Jump to content

Search the Community

Showing results for tags 'transparency'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • Welcome to the Forum
    • Customize with code
    • Commerce
    • Feedback on Your Site
    • Images & Videos
    • Pages & Content
    • SEO
    • Products
    • 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. Hello! I've added an image to my website that is in PNG format, with transparency but for some reason there is a grey background to the image when I upload it and view it on my home page. However, when clicking on the image there is transparency (which is how I'd like it to appear on my home page). I've attached a screen grab of the issue that I'm referring to. Can anyone offer any suggestions? Thank you!
  2. When the footer is disabled, the home page is full screen and the user cant scroll down at all. I like how that looks But when I add a footer, it hides below and the user needs to scroll down a tiny bit. I'm trying to do 2 things 1. make the background of the footer transparent so the text floats over the image in the bottom corner. 2. move the footer up, so the user cant scroll down.
  3. Site URL: https://amal-testsite.squarespace.com Hi all In Squarespace 7.1, there is already build in options to choice both “fixed position” and “transparent” in EDIT SITE HEADER. BUT, it doesn’t work. When header is fixed, then transparency doesn’t work. Instead Is has default or choosen background color. so how do I set or code to get transparent header/navigation menu when it’s also fixed? test site: https://amal-testsite.squarespace.com password is: abcabc
  4. Site URL: https://www.malcolmdavis.net/ Hi, I am trying to figure out how to change the transparent background in the lightbox to be a solid color without any transparency. I don't know anything about coding, so if someone can tell me the specific steps to accomplish this that would be much appreciated. I was already told by customer service that the only way to change the transparency was by editing the coding. Many thanks, Malcolm
  5. Hi. I have used custom CSS to add a background image of repeating contour lines. Up until recently this was showing up but something I have done has made it disappear. I can't work out what though. Could anyone help please? The custom CSS is below with the last section being the part for the background contours. Thank you, Jacob.
  6. Hey y'all, hoping I catch our hero @tuanphan's gaze on this one. url is https://www.samrob.com So I have some custom bits enabling this full bleed slideshow to live behind my transparent nav bar, however, whether I have captions enabled or not, I can't control the height of this black bar at the bottom. It seems like overhang almost, exactly the height that my image is pushed up into the nav space. I'd like the bar to be essentially 2 x the text height, just enough black around it to read the caption neatly. Thanks in advance for anyone's help they can offer! In return I offer friendship! Here's everything I have in Custom CSS on the page right now: .burger-box { display: none; } /* Nav one line */ .header-title-nav-wrapper { flex: 1 0 90%; } .header-layout-nav-center .header-nav { width: 100% !important; flex: 1 1 100%; .homepage .header-announcement-bar-wrapper { background: transparent !important; position: absolute !important; }} .page-section.gallery-section { padding-top: 0px !important; } body{ height:100%; background-size:cover; } html{ height:100%; } .homepage .header-announcement-bar-wrapper { background: transparent !important;}
  7. I've been trying to make the Jasper Jin mobile nav drop-down transparent and having the hardest time figuring it out. I've been focused on modifying the overlay-nav-container, but perhaps I'm not looking/tweaking the right area. Any suggestions appreciated. Thx.
  8. Hello there, Would any member please help on creating transparent background for the language menu at the header? There doesn't seem to be the option to customise this so figured might need CSS code. Thank you so much in advance!
  9. Hi guys I am using Brine and this code for sticky navigation: /* Fixed Header */ .Header { position: fixed; z-index: 9999; width: 100%; top: 0px; } .Content-outer { margin-top: 10px; } It works. But also I would like to have transparent instead of white background. Is there any way to modified this code? Thank you so much.
  10. I'm trying to make the header transparent only on my mobile site. I also want it to stay transparent when you scroll.
  11. Site URL: https://tuna-raccoon-f8cp.squarespace.com I am looking to make several pages in the main nav with transparent headers. I located the code to make the home page transparent, but how can you code other pages? Specifically I want "solutions," "resources," "partners," "about" to have the transparent headers (and potentially other pages) all so that I can keep the solid blue header on product pages, blog pages and staff/team pages (which is many pages so makes more sense to custom code the transparent headers since there are only 4-5 of them). Thanks for any help!
  12. Hey, I am trying to set the header to have no background, only navigation buttons. Dynamic layout of the header lets me do so, apparently on every page, except for a product page, which would look nice, given that I have 16:9 product pictures and a "Full" style of the product page layout. Is there a piece of code for the custom CSS section that will fix that issue?
  13. I have set my header background to dynamic already, but I can't get it transparant over my full width image. What can I do? Kind regards, Michel. https://nonagon-polygon-6927.squarespace.com/light-photo PW of the site is granite!23
  14. I'm having issus with transparent background o a specific section. Today in the morning my costum css code was still working, but now it is having issus and i am not able to have a specific section woth transparent background. That was my code: #page .page-section:nth-child(2) , #page .page-section:nth-child(2) .section-background{background-color:transparent!important;} I also tried to target the section specificly with the section id, like this: [data-section-id="636eb26c42f32b1f7b5b81eb"] { background-color:transparent!imoprtant; } it also does not work, what can i do?
  15. I'm using the Dynamic header style, which uses the theme of the first section on each page and makes it transparent in the first section. Is there a way to also make the header folder dropdown menu background transparent in the top section only? I've seen CSS to make it transparent always, but I have the header set to Scroll Back and this would impact readability of the menu further down the page. Site: https://www.northdesignbuild.com/ Thank you!
  16. Site URL: https://alpaca-ellipse-7m5r.squarespace.com/ Hello. I have a white solid background for my header but I would like it to be fully transparent once you start scrolling? Any help appreciated. Password: brian
  17. Hi all, I want to keep my navigation transparent when first land on the blog page. I have used this blog banner plugin at the top of my page. I want the nav to stay transparent here, then change to #38383B (and without logo) on the scroll. I have tried inserting the following but it is still solid at the top of the screen. <style> .header-announcement-bar-wrapper { background: #38383B !important; } </style> Thanks!
  18. Hi, I would like my gallery section to sit under a transparent navigation (the same way that a background image would). Is this possible with cutom CSS? When I add full screen gallery section to the top of my site, it will not allow a transparent navigation. Any help is much appreciated! Thanks Chris Password: nesbitt
  19. Site URL: https://tuatara-krill-njhw.squarespace.com/blog/pastels-apwt8 Dear everyone, I tried adding some animated GIFs I made but I can't seem to keep the transparency when I add it to my squarespace site. It makes everything that should be transparent totally black. How can I keep the transparency in my GIFs? You could check it out here: https://tuatara-krill-njhw.squarespace.com/blog/pastels-apwt8 Password: animatedgifs
  20. Site URL: https://www.happilyeveretter.com/ https://www.happilyeveretter.com/ password: etter I'm trying to see if its possible to make this popup not have a background at all around the dog. The uploaded photo is a transparent background PNG but its making the background grey. Basically want it to look like the dog alone is sitting on top of the box. Is this possible?
  21. 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?
  22. 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!
  23. 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
  24. 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!
  25. 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?
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.