Search the Community
Showing results for tags 'transparency'.
-
Site URL: https://www.crownvideos.co.uk/ Hello, My header used to be transparent but today I tried to change it and it has become solid white without touching anything. How can I revert this to be transparent again when it is at the top? My header layout elements are all set to bottom. Colour changes when changing the site styles >main>color section but I cannot get it to be transparent at the top. When padding added to the header the logo and menu slide down from the white banner. Also when parallax option is unticked the white rectangle disappears from on top of the header menu -
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 -
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://www.newrootsmeals.com I have an image with a transparent background that I want to post on my website but every time I upload it the background comes out grey? I tried uploading one with a white background and it still came out grey. How can I fix this?
-
Site URL: https://www.stigmastudios.net/ Website: https://www.stigmastudios.net/ Password: deadrose Hi there, I've set up my site to be only one page and in each section the header has got a black slightly-transparent background. But when it's at the top of the homepage, the background disappears completely. Is there a way to make it so that when you're scrolling it has the background, but clicking through each section, it goes away? -
Site URL: https://walrus-bellflower-k256.squarespace.com/ I have an image in png format which is a black shape on a transparent background. I want the image to be the background image for a particular section which has an yellow background color. I would like the image to float on top and be adjustable opacity. It seems to do most of this fine, except when I set the opacity to 0, the area that is supposed to be transparent is actually gray. And as I adjust the opacity, you can see that it also adjusts the opacity of this gray area. It seems as though instead of the image being black-on-trans
-
Site URL: http://ferret-vibraphone-l7b8.squarespace.com Hello I would like to make three modifications to my page (ferret-vibraphone-l7b8.squarespace.com) in the hero image area. 1) The hero image currently is extended vertically by inserting spacer blocks over it rather than directing it to fill 100% of the vertical area on screen load, and it also oddly doesn't quite go to the edges horizontally. I'd like to resolve these issues in code. 2) I'd love to be able to add a small photo credit for the main image. Ideally this happens immediately beneath the image but could
-
how to change transparency in the lightbox background?
Malcolm-89 posted a question in Coding and Customization
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 -
Site URL: https://hibiscus-prism-cl9m.squarespace.com/ Hoping to get the footer fixed and transparent on all pages, as well as keeping its blocks horizontally stacked in the mobile version. Any help with any of the above is appreciated!!! Thank you :)
-
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! -
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 my header set to be transparent. But, on one page, a solid color remains when scrolled down the page. I have the color settings the same throughout. I'm not able to provide a link because the site isn't public yet. Any suggestions? Thanks!
-
Site URL: https://wolverine-ocelot-jsdw.squarespace.com/ Hi, I'm trying to make the black background of the navigation drop downs, slightly transparent, about 25%. The current CSS I have for the font color upon hover and background color is: .header-nav-folder-content { background: #000000 !important; } .header-nav .header-nav-item--folder .header-nav-folder-content .header-nav-folder-item:hover a { color: #3498DB !important; } Thank you ahead of time!
-
Issue With Gradient Over Hero Image Not Full Width
jameslityley posted a question in Coding and Customization
Site URL: https://tyleytech.com.au I've figured out how to overlay a transparent gradient over the hero image. However, there are some problems with it filling the full width and height. On a desktop browser it doesn't fill the full width and on mobile you can see it doesn't extend to the top of the image beneath the banner when you scroll and it rubber bands/bounces to reveal a hidden part of the image. Hope that makes sense. Examples attached. I'm not great with CSS and more of a tinkerer and copy/paster, but here is the CSS I'm using. [data-section-id="6048630b359d1076b- 3 replies
-
- 1
-
-
- css
- custom-css
- (and 3 more)
-
Hi there, I've used the code below to set up a transparent mobile header for my site which uses the Brine template. The mobile nav header now sits nicely over each index page banner image: @media only screen and (max-width: 640px) { .Mobile-bar--top { background: hsla(0,0,0,0) !important; position: relative; z-index: 1 !important; } .Index-page--has-image:first-of-type { margin-top: -100px !important; position: relative; z-index: 0 !important; } .sqs-block-content:first-of-type { margin-top: 50px !important; position: relative; z-index: 0 !important; -
Hi there! I have been trying to change the text block color background transparency. I was able to do so but as soon as I change the transparency the text fades away as well. Here is the custom css i used: #block-yui_3_17_2_1_1615337069337_4766 {background: #36373C ; opacity: 0.6; padding: 20px 50px; text-opacity: .0 } How can I change a text block color opacity without changing the opacity of the text? Thank you!! -
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: http://www.tai-leclaire-redesign.squarespace.com tai-leclaire-redesign.squarespace.com Site passsword: coolranch I’m new to 7.1 And I would like to have my social media icons (insta and Twitter) floating and fixed on the bottom right side of my website at all times. So essentially a fixed transparent footer. The only problem is every time I put in css the footer it refuses to change from its “theme color” instead of changing to my css color. Still trying to understand this theme color situation. Is there a way to make the footer fixed and transparent? (I was also thi
-
Site URL: https://prism-swan-send.squarespace.com/projects/victorian-villa-hove-part-one Hey guys. I'm trying to make the background colour behind the text on the Gallery Block Title invisible but for some reason, it always carries a transparent black. What CSS do I need to get rid of it please? I've been using this code to change it to another colour and move it around but I really want to lose the background colour/transparency completely. TIA! p/w interiors //Gallery Slideshow Background Colour// .sqs-gallery-block-slideshow .meta .meta-inside { background: none; padding-right -
Hi there, @tuanphan I have used both of the code below to make my header transparent, but it's only working on the homepage. How can I make it so the header is transparent on all pages? Currently when I scroll on my inner pages, the block colour behind my logo and nav is still there. Image attached. /* homepage header transparent */ .homepage header#header { background: transparent; } /* Home transparent */ body.homepage .header-announcement-bar-wrapper, body.homepage header#header { background: transparent !important; }
-
Site URL: https://pomegranate-cuboid-tmkw.squarespace.com In most instances, a transparent site header is exactly what I want, but in blog posts my white PNG logo disappears in the white background, because 7.1 seems to force the header to match the page color. Is there a way to customize the color of the site header with CSS? -
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
-
Site URL: https://primrose-lime-62ht.squarespace.com So I had made a cool 40% transparent circle on the side of this site for my client, and it was pretty much behaving perfect: it was layered underneath all the different sections of the homepage, so all text on the page was sharp above it. I did something trying to change the section height and my pink circle now only shows up at the top and bottom of the page. It shows up properly for me when in EDITING mode, but then when I hit Done/Save, it hides behind stuff again. Photos are how it is SUPPOSED to behave. You can see it contin -
Hi, I'm trying to let some transparent areas on my background png images (full bleed) to show up as black. Under section themes, I set the background to black under "Sitewide". I noticed that when I set the background image under "inset" it will let the black show through as I hoped the full bleed option would. Is it possible to enable black backgrounds like this for full bleed backgrounds? It seems anytime the background png is set to full bleed, the background color is always white, rather than black. I suppose I can always just set the background color black on the original art files, -
Site URL: http://uppercutdanseteater.squarespace.com Hi! I would like to have a burger menu on the right side corner of my website, but when clicking on it, it hides the background as if I'm entering a new site. And I would like it to look like this: (transparent when you click on the burger so that you still se the background as well as to be able to use the folders) I am currently using this code: @media screen and (min-width:950px) {.header-nav, .header-actions { display: none!important} .header-burger { display: flex!important;} .header--menu-open .header-menu
