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
  • 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: http://coconut-triceratops-wpkr.squarespace.com Hi Everyone, I was wondering if there was a snippet of CC I could inject in the header to make it transparent only on the homepage and a solid color throughout everywhere else. Any help would be much appreciated! Best, Erik
  2. Been trying to figure this out all day to no avail...... Want my footer to be transparent with my background images like my header is. does anyone know the right css code? andersonair.org
  3. Site URL: https://yellow-hawk-8aef.squarespace.com/ Hello, My homepage has full-bleed images on hover. I've managed to make the header transparent but the footer shows up with a white opaque background. How can I make it transparent so it has the same background as the rest of the page and doesn't look like a distinct block? If that isn't a possibility, how do I reduce the height of the footer so it's only as high as the text and not a big white block? Please help!
  4. Site URL: https://bluebird-porcupine-yzdg.squarespace.com/config/ Hello, I want to make the background of my Header transparent so that it looks like my logo is 'floating' above all of the page content as attached. Is this possible? My site page is here: https://bluebird-porcupine-yzdg.squarespace.com/config/ Pword = squarespace Many thanks, Best, Faiz
  5. Hi, I've added an image that has no background, yet it shows up with a 10%-ish tinted background. I'd like to keep the webpage background either green or white but this image won't cooperate. Any help would be appreciated. Thank you πŸ™‚
  6. Site URL: http://nicetrycreative.com Hey guys, I can't seem to change the Image Overlay to transparent for my images, specifically in the Project Page template during Link Hover. I've already gone into the Section Themes and changed every singe Image Overlay to White with the Transparency bar to the left side. It seems like in the Squarespace Help url here "In version 7.1, the left side is a very light tint, while the right side adds a darker tint" which to me, seems like you then can never have true transparency since the left side still gives you a "very light tint". I've attached a photo of the page. Also it's viewable at nicetrycreative.com/packages Password: nicetry Confirmed that I'm running version 7.1 I've also scoured for past posts on Custom CSS fixes but none of them have worked. Does anyone have any insight on how to fix this?
  7. Site URL: https://www.realbizmoms.com/ Is it possible to change the opacity/transparency of text on an image like this website did, https://amothersmovement.com/
  8. Site URL: https://www.thirty-square.com I'm trying to figure out how to set my header section to change from transparent to a solid colour but only when the page is scrolled. Can anyone help?
  9. Site URL: https://www.cutnfill.com/ How to i make the banner transparent for only one page? The Services Page
  10. Site URL: https://www.ralphrodriguez.work Hello, was wondering if it was possible to get the footer of my website to be transparent? Also, in my portfolio section of the homepage, how do I remove the underline on the links and change link color on hover? My website is www.ralphrodriguez.work. Thanks in advance!
  11. Site URL: http://www.openonabeach.com Hi, I'd like to create a transparent header with a frozen hamburger menu on desktop -- in the York template. What I'd like it to look like, for reference: www.astegutierrez.com Is that possible? Have tried code from other forums for other templates and they didn't work for my site. Thanks in advance!
  12. Site URL: https://www.tuscanseagrillbar.com/ How to make my desktop header transparent and my mobile black Or make it so when you click the mobile drop down menu...there is background to easily read the menu options
  13. Site URL: https://bulldog-perch-zdly.squarespace.com Hi! I'm trying to customize my dropdown menu in the 7.1 template Matsuya, and have combined various bits of coding that I found online - but am getting syntax error messages in the Custom CSS. What I would like is for my site header dropdown menus to: have all folder items adhere to a LEFT alignment on the dropdown menu (I think the default is right when you have a right header item alignment) have a colour selection on hovering on a menu item be half transparent, at least in terms of the menu background I've included the code bits here. I suspect that some of the code is specific, while some parts of it is not specific enough, and that's the reason it's not working. Supergrateful for any help on this! /Vic Password: 2020Go /* Nav item color */ .header-nav-item a { color: #000000 !important; } /* Nav item hover color */ .header-nav-item a:hover { color: #336699 !important; } /* Nav item active color */ .header-nav-item--active a { color: #336699 !important; } //-----dropdown menu alignment----- .header-nav-folder-item { text-align: left !important; } a.header-nav-folder-title:hover + div, .header-nav-folder-content { text-align: center !important; position: absolute; left: 50% !important; right: unset !important; -webkit-transform: translatex(-50%); -o-transform: translatex(-50%); transform: translatex(-50%); background: rgba(76, 175, 80, 0.6); !important; } //-----Dropdown menu styling----- ..header-nav .header-nav.itemβ€” folder .header-nav-folder-content { padding: 0; .header-nav-folder-item { padding : .5em 1em: } .header-nav-folder-item:hover { background: 000; a (color: #fff;) }}
  14. Site URL: https://www.theduophotography.com Hello, Ive being trying to fix the transparency of my header but i cant find any solution. I want to add in the first section a gallery but then the headers transparency doesnt work. Im not so familiar with coding but ive tried some solutions ive read in the forum here but nothing works. Does anyone know what i can do? Thank you!
  15. Site URL: http://www.matteosmozzarella.com When hovering over a product on my shop page, the product dissapears. I suspect it has something to do with the transparency %, but I don't know how to change it. I already tried the default reset, but the problem remains.
  16. Site URL: https://grape-plum-jrlb.squarespace.com I'm working with a difficult (busy) logo. I'm trying to find code for a transparent gradient behind the header. I've mocked it up in Illustrator to show what I'm looking for (attached). Has anyone been successful using custom code for this? I'm using the Grape Plum template. Site password is: PreviewER
  17. 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!
  18. Hello, I'm building a site using Bedford. I set the site header to transparent. And I removed the header image on blog pages as I didn't like the design. I used this code for that: /* don't show thumbnail as banner image behind blog post title (hard to read) */ .collection-type-blog .banner-thumbnail-wrapper {display: none !important;} .collection-type-blog .entry-title {display: block !important;} But now I can't see the site header or navigation on a blog post page b/c it's white and the background is transparent. Is there any way to set the background color for the site header for blog posts only (including all future posts)? Or to change the color of the logo and navigation for blog posts only? Thanks!
  19. 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
  20. Site URL: https://parkerisaacadipress.squarespace.com Hi guys, I'm working on a site (https://parkerisaacadipress.squarespace.com) built on the Stanton Template. I'd like to remove the transparency overlay being applied to the cover page image. I've searched the forums, and found an answer to this same question for someone using the Naomi template. They ended up using custom CSS code that fixed the issue: .homepage .index-image-overlay { background: rgba(28,13,10,0); } However, when I tried this in my template it didn't work. I came across two issues: 1) it didn't seem to "take" - once I pasted the code there wasn't an "apply" or "save" button so nothing changed. 2) there's a "note" explaining "custom CSS does not apply to cover pages - so I imagine since this image overlay exists on the "home" page, the code won't take... Can anyone help to figure this out? Thank you so much in advance. Regards, Kristy
  21. Site URL: https://www.assetoutfitters.com/help I cant figure out how to make page content div transparent. Tried setting site style of page content to transparent, also page level css of multiple different div ids/classes, like .index-section-wrapper page-content{background-color:transparent !important}, any ideas?
  22. Site URL: https://www.newsights.co/ site password: ns@99200 The background of the text on the poster images became black. It wasn't like that yesterday. I tried doing: h2 { background: none !important; } but then it looks like this:
  23. Site URL: https://nectarine-circle-ngf5.squarespace.com/ https://nectarine-circle-ngf5.squarespace.com/ password: apod Here is the site URL, the problem i am facing at the moment is quite an odd one... So first of all Using CSS I changed the header to have an image behind it. .Header--top { display: none; background-image: url("https://static1.squarespace.com/static/5e28e3821bc1146fbddc88f8/t/5e36482d21662377966f68f8/1580615725729/Base.png"); background-size: 100% 100%; } What I am trying to do is make it so that the image goes behind the navigation, however when setting the header z-index to higher values nothing happens. Behind the navigation there is a white background and I am finding out that is the the background color of the whole page. I am really hitting a lot of walls here if anyone could help.
  24. Hey, can anyone of you guys helped me with a transparent mobile bar? I just want to have the black bar transparent: Iam working with a Brine Template ( Cocoa ) Thank you so much πŸ™‚
  25. Does anybody know how to turn the drop down menu from te navigation bar into white instead of transparant? It looks awful, because the text of the drop down goes through other text from my website (see example).. Who can help me with this? I'm trying and searching for hours now.... Template: Avenue | website: www.evelienhogers.com
  • Create New...