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

Search the Community

Showing results for tags 'background'.

  • 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: https://pigeon-wolf-x69b.squarespace.com/opportunities The preview im getting on squareapce vs looking at the website on my phone (Iphone 12) is different. Any fixes for this? Here is teh code implemtend to make the image mobile friendly //Oppotunties header image @media only screen and (max-width: 768px) { section[data-section-id="61647811b044e06ce6ef4064"] { min-height: 45vh !important; img { height: auto !important; padding-top: 12vh; background: #000; } .section-background { height: 45vh; } .content-wrapper { height: 45vh; padding-top: 12vh !important; padding-bottom: 0 !important; position: absolute !important; top: 0; align-items: center; } } }
  2. Site URL: https://www.ontheballmedia.co.uk/ Hi guys, would love some help here. I have a drone shot that I am using for the background of my website. I love it but the problem is that the mobile site looks awful. Is there anyway I can upload a seprate video, either on youtube or just from a file in the correct size. E.g have two videos, on for desktop and one for mobile. Will i need to do it for tablet as well? Thank you guys.
  3. Site URL: http://kimellaco.com Site URL: www.Kimellaco.com/welcome I am trying to get the background color on all of my pages to be another color when scrolling instead of brown. I'm not sure if I need a custom code for this or if I'm able to do it in settings. Everything I have tried thus far has not worked.
  4. Site URL: https://tretuser.com Hi, how do I make my background image load faster? Thanks in advance for your help.
  5. Site URL: https://www.octrobi.com/ Hello, I have a webpage with a repeating background image that I added via CSS. I want to add text to the page in a way that it literally only adds text, and fully displays my page's main background image. I've added a text section to the page, but unfortunately it adds a giant white block that stretches all the way across the screen. I've found that I can edit the background color of this block by editing the theme, but I don't want it to have a color. I want it to be transparent, as to only display the text. Is this possible? I've tried messing around with CSS but haven't had any luck. I feel like this is probably the simplest thing you can do to a webpage, and I'm surprised it's so hard to figure out. Below is an image of what I'm talking about. I want the white gone so the purple background image can fully shine though, with literally just the text on top of it. I basically just want to add a "Site under maintenance message". Thanks.
  6. Site URL: https://klfoundation.ca Hi, Through a little trial and error and pulling other helpful code from other post i was able to put a colour background on the blog post page of a site im working on, Unfortunately ive not been able to figure out how to add a image to look similar to the other pages headers. Page im working on https://www.klfoundation.ca/news/blog-post-title-four-a8knm Page sample of how i want it to look (just the image part behind the colour) https://www.klfoundation.ca/getinvolved the current ccs code im using is (i know the nav-folder is not relevant to this, but wanted all the code im using there for completions sake); - - - .collection-type-blog-basic-grid.view-item .header-announcement-bar-wrapper { background: rgba(255,77,0,0.9) !important; } .header-nav-folder-content { background: rgba(0,0,0,0.5) !important; } - - - Any help on what i would need would be supper helpful, the image i want in the background is already uploaded to the site as its just a repeat of the landing image - IMG_0395
  7. Hello, when I use a PNG as a background image for a section in a blank template 7.1 site it doesn't seem to be adopting the color scheme I've selected at the upper right corner of the edit window. Am I missing something? According to the Color scheme I've selected, the bG should be white? Thanks!
  8. Site URL: https://khaki-tambourine-ydy3.squarespace.com/home Hi folks, Can't find a specific solution to this. Looking to add code to resize a section background video so it doesn't crop in mobile view. I will have a few of these in the body of various pages (not header/banner videos) so the code could be universal if that helps. URL is a demo site that will go live once it's ready: https://khaki-tambourine-ydy3.squarespace.com/home Thanks Scott
  9. Hi everyone! I've been trying to figure this slideshow problem for days now without success (not great at coding). I am currently remaking my portfolio and to display my projects I want to have an auto full-bleed slideshow in which people can click on the image and the actual full project will open, I'm attaching picture of my previous portfolio -the one that has the full bleed image. I haven't been able to create the same layout with the new Squarespace 7.1 and I don't want to use their portfolio present layout thats the typical grid. Please help! As a reference this is the link to my current website https://www.msolis.design/ Thank you so much in advance
  10. Site URL: https://carnation-ladybug-6nsg.squarespace.com/config/ Hi. I have a landing page with a background image and a logo, at the moment if you click on the logo it goes to the homepage but I need to get it so that if you click anywhere it will go to the homepage. Any help would be appreciated. Thanks
  11. 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
  12. Site URL: https://coconut-dolphin-d2rs.squarespace.com/news Hello, I'm wondering if there is a way to apply a background image to a Blog list page so that it covers the entire body area of the page. I've used some CSS to add the background image but it doesn't extend to the full width of the page or to the section above with the page headline. Here's a link to the page: https://coconut-dolphin-d2rs.squarespace.com/news PW: torch Attached is screenshot depicting the what I want to do. Thank you, Jeff
  13. Site URL: https://www.onehandsanitizer.com/ I have a background image at the top of my website (www.onehandsanitizer.com). It has my logo and the company slogan. It looks great on desktop but on mobile, most of the image gets cut off. I want the image to shrink to fit in the screen on mobile instead of cutting the sides off. I tried a few things in custom CSS. I was able to get the image to shrink by setting height: 50%; but that didn't shrink the parent container, leaving me with a bunch of white space where the picture used to be. I also tried finding the #yui_... ID for this section but couldn't find it. Not sure if that is cause this section only consists of a background image or not? Is there a way for me to shrink the image on mobile without having a bunch of whitespace underneath it? And if not, how would I go about having one background image on desktop and replacing it with another on mobile? A solution to either question would solve my problem. Thank you very much for any help!
  14. Site URL: https://gardenia-potato-7a66.squarespace.com/ I had a site on Squarespace 7.0 which was using Heights template. It was possible to select a number of background images which would automatically cycle through, changing every few seconds. Now.. I'm creating a new site with Squarespace 7.1, I'd like to do the same but can't find anything which replicates this feature. site: https://gardenia-potato-7a66.squarespace.com/ pass: "clarksonsydney"
  15. Site URL: http://www.createdbybutter.com Hi all, I'm looking to add a fixed/static background to a single page. Unfortunately, I'm using 7.1 and site-wide isn't available. The image should remain still, and would ideally use the "liquid" filter available through SquareSpace. Here's the code i'm using now, with no luck: Any help is greatly appreciated! Site password is "booter". Cheers! H
  16. Site URL: https://codepen.io/tobiasthaden/pen/OVWKjm Hello there everyone! I was curious if anyone can help me with inserting this bout of code into Squarespace to change my background. I am curious if this is even possible, considering that from what I understand to change backgrounds we can only use CSS code? Am I wrong in that? Anywho, I'm looking to achieve the same effect as this groovy example . Any insight would be MUCH appreciated. xo
  17. Site URL: https://www.kelvinrentals.com/ Hello, I want to change the home, about us and contact page background to black. I tried every single code injection and css i found online and non if them worked!, I have a basic plan. here is the wepsite: https://www.kelvinrentals.com/ The password is: kelvinrentals Thank you
  18. Site URL: https://earthworm-kumquat-252r.squarespace.com/config/settings I want to create my one section looks like this can anyone help me please .I don't know css as im not programmer please help me with this how i can make this section. My first question is to make section same as picture like in between the photo with background color and typography. My second question is to how to make that static marquee same as i provide in image of header.I don't want animation just to make static marquee. PASSWORD of my site is : cuba.pak1234
  19. Hello. On my site, I have my header navigation background set to transparent on all of my pages, I have a blue background behind my headers so the navigation logo and nav items just overlay the blue background. For example, see here https://www.graphitefinancial.com/blog or https://www.graphitefinancial.com/ However, for my blog posts I cannot add a blue background behind the header with the theme I'm using. See here: https://www.graphitefinancial.com/blog/title-growth-at-all-cost-strategies-arent-working-for-startups-heres-what-is-and-always-has. So my logo doesn't show since it is white. Is there a way for me to set just the blog posts to have a specific background. I DO NOT WANT TO CHANGE THE HEADER NAV BACKGROUND COLOR ON ANY OTHER PAGE BUT A BLOG POST. Thanks :)
  20. Site URL: https://www.drivenfilms.tv/services-index Hi, I'm trying to limit the height of the banner image (the blue car) on this page. How can I do this? I've tried the following and it has not worked: #collection-61621e15de18954468c833ac #banner-area-wrapper { height: 500px }
  21. Site URL: https://www.wunderarchitectes.fr/ Hello, URL : www.wunderarchitectes.fr I don't understand why the background video I uploaded (file, not youtube or vimeo link) on the header is in good quality on desktop and very low on mobile? Any help on how to address that? Thanks! Cloé
  22. Hello All, I'm looking to customize the full background of my current template 'Horizon'. I added the following CSS to my Homepage, but I am not seeing the image appear: #code { background-image: url(https://static1.squarespace.com/static/5e8e444d060d9c69061aab33/t/5eaf32a6437a4e57ef531b06/1588540071899/silent-season-background.png); } I'm seeing that SquareSpace does not allow custom code on cover pages. Are they considering index.html/home a cover page? Any help here is greatly appreciated. Thanks, David
  23. Site URL: https://nicnacmakes.ca/shop Unable to add a background image to my store page in CSS. I've tried everything that I've read on this forum and still cant seem to make it work 😞
  24. Site URL: https://www.drivenfilms.tv/about Hi, I'm trying to change the background color of a section on my about page to a dark grey, and the text to white but I can't figure it out. The section I'm trying to change the colors on is where the bulleted list of services are. https://www.drivenfilms.tv/about I'd like to learn how to do this on other pages as well so any guidance would be appreciated.
  25. Is there a way to change an item's colours depending on light or dark background colours? Any item like a header, or nav. I was wondering how we can implement colour change depending on section backgrounds.For example, a fixed H1 text in the middle of the screen, how do we make the text change colour WHILST SCROLLING between light and dark background colors?What's the best way to do this?I was trying out with color-blend-mode:difference but the effects felt too much on the eyes.Thanks in advance! ❤️ ❤️
  • Create New...