Search the Community
Showing results for tags 'transparency'.
-
Transparent Header on Front Page only (7.1)
CaptainMaze posted a question in Coding and Customization
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. -
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
-
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
-
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?
-
How do I have all my heading backgrounds transparent?
CraftyClown posted a question in Coding and Customization
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 -
Squarespace 7.1 - Transparent Header on Mobile
skalison posted a question in Coding and Customization
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 -
Color screen over an image (Fixed-height block)
Vitality posted a question in Coding and Customization
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? -
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! -
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.
-
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
-
Creating a fixed header with transparent background
BadScifi posted a question in Coding and Customization
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! -
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
-
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 -
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?
-
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! -
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.
-
How to make drop down menu folder transparent
lion_the_el posted a question in Coding and Customization
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? -
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; } -
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?
-
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; }
-
Edit Transparency of Photo background?
ThisWayToFabulous posted a question in Coding and Customization
Site URL: https://mknamaste.squarespace.com/ In the featured reviews area, I'm looking to make the photos on each slide be like "barely there" so like maybe 15% transparency. Is this possible? password: mknamaste -
Site URL: https://www.breannadawnphoto.com/blog-1 Hey y'all! So I have made my header transparent, but in doing so, it has caused my pages to have the elements starting on top of the header. I have looked into the page styles and formatting and can't seem to find a solution. Is there a code/way that I can move the starting point of my blog photos to be under the header? Thank you in advance! -
Site URL: http://matveycherry.squarespace.com Hello! I am having trouble with a few things with the footer. I attached an image for reference. Is there a way to make the footer transparent, so it matches the background of the content of the page? In the photo attachment I have an animated background with a black footer but I would like the background of the content stay consistent throughout the whole page. I noticed in mobile view, the contents of my footer gets divided into two lines. I tried moving the blocks to make it go side by side but it was not working. Is there a way to keep it in one line? The web url is http://matveycherry.squarespace.com and the password is cherry Thank you in advance for your time and help! -Clara
-
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 -
Site URL: https://kangaroo-polygon-sn6z.squarespace.com/config Hello, I'm trying to do some customization to my pagination. I'd ideally like it to be transparent instead of the automated white block that gets dropped behind it. Additionally, I'd like the right side of the pagination to be white text instead of black text. Lastly, I'd love for the pagination text to scale down for mobile. If anyone can help with this, I'd appreciate it! Thanks!
