Search the Community
Showing results for tags 'transparency'.
Found 23 results
-
Fixed AND transparent header/menu. How?? (SS 7.1)
peterbjerg posted a question in Coding and Customization
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 -
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?
-
Block Background Opacity without Changing TEXT
thefrolickinglime posted a question in Coding and Customization
I'm trying to change a text blocks background color and opacity using this css: #block-yui_3_17_2_1_1583796715032_20149 { background: #f0f0f0; opacity:.5; padding: 50px; } BUT the change in opacity effects the text as well, which I don't want. How do I isolate just the background opacity so that the text stays solid? UPDATE - I figured it out, had to change HEX to RGBA. -
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
-
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?
-
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:
-
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. -
How to create a transparent header bar on mobile ?
wearesilk posted a question in Coding and Customization
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 🙂 -
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 -
I am using the Brine template, And I'm not seeing any options to create a transparent navigation header and add a full-size banner image. I am trying to re-create this site, which says uses the Brine template as well. I'm not seeing any styling options to mimic this site header/homepage style. Any help is much appreciated! https://www.usesixty.com/showcase/squarespace-website-examples/7047-fringe -
Hey all, I'm building a site on the Wav template with forced Mobile. I have the menu sliding out so it only covers a small part of the page. But part of page it's not covering is just white. Could someone direct me in having the site visible behind it. https://bell-parrot-x7ly.squarespace.com/ password is password
-
I want to achieve something similar to this website when you scroll https://wearedame.co/In order to do that I need to make a section background transparent, I think... I have Chrome Squarespace block identifier extension but I couldn't achieve what I want still/ the code didn't work. Please help :) -
How can i use the facebook pixel to track service products?
MarybethK posted a question in Coding and Customization
I am trying to set up a Facebook pixel for my site. I am selling services, not physical products. "Creating Facebook ads for your products" page seems to indicate that i can't use the fb pixel for a service product - is this the case? If so, why is this? Can I manually install code to get around this? Can I install the pixel to track other things like traffic to my site and not the product checkout process? Thanks! -
Hi there, I am trying to remove the purple overlay that is on the homepage hero image only. I've tried a few blocks of code I found from here: https://answers.squarespace.com/questions/63465/haydenbedford-remove-the-overlay-on-just-one-banner-image.html https://answers.squarespace.com/questions/75236/hayden-remove-banner-color-overlay-on-one-image-or-on-one-page.html After injecting the code into the Advanced area within the Page Settings, all that happens is the code shows up at the top of the page. Thanks! -
Template Impact, Header and banner transparent/overlay
roman_s posted a question in Coding and Customization
Hi, I just wanted to find out if there was a way I could make the header and image below the header transparent with each other. Hoping someone has a code I can use. Like the bedford template. Thank you! -
Hello, Is it possible to change the transparency value of the overlay on sold-out products in the Supply template? If so, would you please explain how? Thanks,Andrew -
CARD Cover Page - Box Transparency on Mobile
chavous_writes posted a question in Coding and Customization
Hi, I am using the CARD cover page and have successfully changed the background color of the card (or center box) to transparent using the code below. This looks great on the backend of Squarespace in desktop, iPad, and mobile views. And it looks fine on my iPhone 8 S Plus when held in portrait. However, when I turn the phone to landscape, the black card (center box) mysteriously appears again, ignoring the transparency rule ... any ideas??? Thank you! Here is the code I am currently using: .sqs-slide-layer.layer-front.full-width-height .sqs-slide-layer-content.align-content-center-vert .sqs-slice-group.group-copy.copy-layer-background.align-center-vert{ background-color:transparent!important; } Website: easyriders.com -
How to make MARTA header/navigation NOT transparent?
magzkan posted a question in Coding and Customization
Anyone know? I'd like to make the header not transparent, which it currently is. I'd like it to be a full opaque colour. -
How to make canvas background transparent (Theme: Five)
nathansmith91 posted a question in Coding and Customization
I am using Five as a template and would like to make the canvas background completely transparent to show the background image. How would I do this in CSS? I've tried the following code but am not able to change the transparency. canvas { background: transparent); } -
Transparent canvas z-index 1 to overlay banner image
Evamaerketing posted a question in Coding and Customization
Hi I am using the Five template and try to raise the z-index of my transparent canvas which just features an outline of a geometrical shape so that the line shows overlays the banner image. I don't know the squarespace tags and tried z-index:1; for: .sqs-canvas-background-image .sqs-canvas .sqs.canvas-image canvas-wrapper yet none work. Maybe I'm on the completely wrong track. Thanks for putting me back on the right track.- 2 replies
-
- 1
-
-
- banner
- five-template
- (and 2 more)
-
Hi all,Looking for some help asap for those that are looking for a nice challenge! I'm using the Harris Template(https://www.squarespace.com/templates/harris) Can someone provide assistance on how to make the top (logo, background, phone, navigation bar): 1. Stick when you start scrolling down. 2. Have the background of the navigation be transparent when page loads, but as soon as some starts scrolling (maybe 50px) have it turn a certain color. -
How can I change the drop down menus background opacity on Bedford template using CSS code?Thanks in advance! -
Does anyone have a solid piece of code that enables you to simply reduce the transparency/opacity of the header? I have the header fixed and simply want to allow some of the page content below to show through as scrolling happens. Thanks!
