Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Search the Community

Showing results for tags 'background'.

More search options

  • 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
    • 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

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me



Found 295 results

  1. Site URL: https://www.goodstuff.ventures/ Hi, I am using a video background on the startpage but unfortunately youtube is very slow to load. I made a test with an mp4 ad it plays almost instantly - but I could not make it fullwidth. Is there a way to use an mp4 as a fullwidth video background in squarespace? Thank you!
  2. Hello, I'm trying to do a hover image swap on the background image. I see a lot of resources for swapping images within code blocks but not for background images. I have my working code here, but so far have not been working: [data-section-id="5dadd9923707f45fc260b448"] .section-background { visibility: hidden; opacity: 0 !important; } .section-background:hover { visibility: visible; opacity: 1 !important; } Any help will be very appreciated! Thanks!
  3. Hi, I'm having issue with this annoying intro bar at the top of my gallery page. It detects the first image of my gallery as a background it seems and I can't find a way to remove it. I wat to keep the intro section so I can type some text, but I do not want the image underneath the text as background. Would appreciate some pointers, please! Thank you!
  4. Site URL: http://www.jeffkrueger.net How do you change just the color of the background on the shopping cart page in 7.1 to white?
  5. Site URL: https://bugle-grapefruit-mb38.squarespace.com/leadership I used custom css to shift my background image to the left because I wanted a split screen with my text to the right of the image. However, I would like to change the background color that's behind the text, which is currently sitting on a default white background, How do I do that?
  6. Hi guys, I have a problem with my background image when I add the scheduler, it enlarges it and it becomes pixelated. I have the same background image on the other pages with different content and no issues. Also in firefox and safari when scrolling down there is a white space flashing between content and footer and sometimes there is a white space on the left and right site. Any ideas? The background image is on full bleed. Also, anyone knows how to make the footer transparent and the text and social icons in white? Custom CSS? I tried this but it did not work. Thanks /*TO MAKE TRANSPARENT*/ .Footer { background-color:transparent !Important; }
  7. Is there anyway to FORCE video to play in the background? I know it depends on the web browser and internet speed that's why it doesn't play on website, but I've checked other websites (I'm pretty sure aren't hosted by squarespace) and they are working perfectly fine on mobile with the same effect. Any way around this? @SQUARESPACE
  8. Hi guys, I have a problem with my background image when I add the scheduler, it enlarges it and it becomes pixelated. I have the same background image on the other pages with different content and no issues. Also in firefox and safari when scrolling down there is a white space flashing between content and footer and sometimes there is a white space on the left and right site. Any ideas? The background image is on full bleed. Thank you
  9. Site URL: https://www.contender.media/ Hey all, So when some of my friends test my site, apparently the background video on my homepage that's being hosted on youtube will autoplay other videos on youtube for them once the original video is finished. I personally haven't been able to replicate this bug, but I was wondering if there was to ensure that the video just loops instead of continuing onto a completely unrelated video that's not mine. Any feedback is appreciated! Thanks, Michael
  10. Hi, I am using The Avenue template with a grid style gallery block. I want to make the lightbox background white for consistency as this whole website is white. Is this possible with code? Cheers!
  11. Site URL: https://www.loxd.io/portfolio-2 Hello! I'm looking to achieve a hover effect where once you over a logo image, a background image would reveal itself. I have the desired effect here with the big logotype in the center: https://www.loxd.io/portfolio-2 however it was only achieve by using the portfolio hover styling layout and changing the text link to a logo image via css on 7.1. I think it can be better achieved by css without the use of the portfolio hover styling layout by targeting the background image and an image file but I'm unsure how to style the code along with it being responsive to different widths. Here's a working code that I've been tweaking with no success. .background { visibility: hidden; opacity: 0; transition-duration: 1s; } .logo:hover .background { visibility: visible; opacity: 1; } Thanks for the help!
  12. Site URL: https://www.theathleticbridge.com/ Hello, I am trying to figure out how to resize solely the background image of my mobile website, it keeps getting cutting off (as shown below). Would I be able to edit this in CSS? I've been trying to find some code on these forums but nothing has worked yet. Thank you!
  13. Site URL: https://www.versionsthebrand.com Hello, I currently have a full bleed background image set as my homepage - it takes up the entire page. However, I can't get it to expand the same way in the mobile view. Thanks in advance! www.versionsthebrand.com
  14. Hello, I'm looking for some advice on how to make the background of a lightbox opaque white, rather than transparent. Thanks in advance.
  15. Can each Block in the layout engine have its own background colour? This would be a big way to customize the look of the templates. This has been discussed various times on here but I don’t think I’ve seen a definitive simple answer – in particular there’s been a lot of discussion across various threads that block IDs YUI seem to change so targeting a block ID with color doesn’t seem to work permanently. Colored blocks are pretty standard now on major websites as a way of structuring different types of content. See the examples below:
  16. Site URL: https://shuvamkabir.net I'm attempting to add a white gradient above my background images. My first thought is to add an additional element that serves as an intermediate layer. I've tried the following, which I copied from here : [data-section-id="xxxxxxxxxxxxxxx"]{ .section-background::after{ content:""; display:block; position:relative; width:100%; height:100%; /* in hsla color format (below), the last number is between 0 and 1 and changes the opacity */ background-color:hsla(100,20,50,.5) !important; } } And then replace the background-color() with a linear-gradient() instruction. However, the above code doesn't seem to work. I should add that I am also using javascript to create a parallax effect, which I am hoping isn't conflicting. Can anyone walk me through adding an additional element behind my text/image blocks and above my background to which I can add a gradient that shifts from white-to-transparent-to-white? Alternatively, can anyone show me how to make an image block flush with with the top of a section (so I can just stick a small PNG at the top and bottom of my sections and call it good)?
  17. Site URL: https://www.joelmcdowell.co/music-1 I am looking to change the background color of one page using CSS injection with no luck. https://www.joelmcdowell.co/music-1 Can anyone help with what code to use.
  18. Site URL: https://hampseshop.com HI, Is there a way to change the background menu color in mobile view? The menu that pops up when clicks to the hamburger icon. I'm using squarespace 7.0 Thank You
  19. Site URL: https://www.natalkadesign.com Hi how can I change my footer background colour in Artesia 7.0 SS template with CSS? tried some of the codes suggested before and doesn't work. Please help! Would like to make it black from white www.natalkadesign.com thanks!
  20. Site URL: https://virginsuncare.com I am trying to get my background video to play with sound on Squarespace Version 7.1. Is there any code to interject somewhere that will allow this? The sounds comes through perfectly when using just a Video Block but it doesn't come through at all when embedding the video into the background. I would really appreciate any guidance here. Thank you!
  21. Site URL: http://www.theroyalcodes.com Hi fam, I have been scouring the internet and the forums to figure out how to change the Shopping Cart page color theme to match the rest of my website. Everything else on my site is 'White Minimal' theme, but I can't seem to change the theme of the shopping cart page. Am I missing something? I have figured out how to change the background of the Shopping Cart page through custom CSS, but it looks like it will also require me to custom color all of the elements to get it to look the same as the white minimal theme. before I take the time to do all of that, I wanted to see if there is a faster way to do it. Any secrets I don't know about? 🙂 Thank you for your time, Ryan ps: custom css I started doing was: .cart { background-color: white; a, h1, h2, h3, p { color: black; } }
  22. Site URL: https://www.iamjustinsinger.com/ Is there a way to have the video background from my desktop site load on my mobile site?
  23. Site URL: https://bumblebee-tuba-mxmm.squarespace.com/ I am trying to change the background of the Contact Us/Book a Demo section to a gradient. I found the section ID and have been playing around adding the below to the overall CSS with no luck. Obviously, I'm missing something! Any help would be appreciated!! I'm new to Squarespace but not CSS. Thanks in advance! [data-section-id="5ed929b20cfa72666c8da860"] .section-background { background-image: linear-gradient(to right top, #c028b9, #9a21b0, #731da4, #491998, #001689) !important;}
  24. Hi,I know that having music auto-playing on a website is somewhat an emotive topic...But given my web-page is primarily a music page, I would like to have a background MP3 track of mine playing whilst people look at my gallery. The problem is, I don't want the track to keep restarting as you click onto the next page.Any ideas how to make this work?Here is my main page www.kinzamusic.co.uk.The subpage where I would like to add some atmospheric background music is here-https://www.kinzamusic.co.uk/gallery/ Many thanks
  25. Site URL: https://bluebird-porcupine-yzdg.squarespace.com/home-v10 Hello I am trying to add a background video to a section here https://bluebird-porcupine-yzdg.squarespace.com/home-v10 (pword: bluebird) I have added a video via my YouTube account and on desktop the video seems to play fine. But I notice on mobile view, I get the YouTube branding which I don't want. I also notice there is some grey shading at the top of the banner, I just wanted this pure white. Is there a better way to add a video/animated background? Please advise. Many thanks, Best, Faizal
  • Create New...