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

Search the Community

Showing results for tags 'backgroundimage'.

  • 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




Expert ID

  1. Hi there, I'm wondering if anyone could help me with the CSS I would need to add in order to make all "image cards" sitewide carry a background image themselves? I know next to nothing about CSS, so I'm a bit stumped. I normally just google, copy and paste for anything I need, but can't seem to find anything on this. Thanks in advance!!
  2. Site URL: https://www.nailsdidla.com/menu-lashes Hello, I am trying to add a fixed background image to 3 pages of my site: Nails, Lashes, After Care (all pages aside from the homepage) This code was working for me but it messed up the layout of the home page: .section-background { position: fixed; } Any suggestions? Thanks, Christine
  3. Site URL: https://sealion-dogfish-x6kw.squarespace.com/ Hello everyone! Site is still on trial: https://sealion-dogfish-x6kw.squarespace.com/ I'm trying to place a .svg background image (repeat-pattern) in a specific section; looking for information in the tutorials and in the forum, but I can't get it: ...it works with the whole page, but not with a specific section. 😞 Anyone there who can help me????
  4. 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
  5. Hello, So the home page of my site should ideally be static with no scrolling. The first issue I run into, is that when previewing my page, the background image has a white bar (negative space) at the bottom due to the content not going down the page far enough. To fix this, I add a spacer at the bottom and extend so that the preview doesn't have any bar or scrolling. However, this is only true for the browser size of my preview, for example, when I fullscreen my browser, the negative space is back because the page is larger and the content once again doesn't go down the page fa
  6. Hello, So the home page of my site should ideally be static with no scrolling. The first issue I run into, is that when previewing my page, the background image has a white bar (negative space) at the bottom due to the content not going down the page far enough. To fix this, I add a spacer at the bottom and extend so that the preview doesn't have any bar or scrolling. However, this is only true for the browser size of my preview, for example, when I fullscreen my browser, the negative space is back because the page is larger and the content once again doesn't go down the page fa
  7. Is it possible to make your background image fixed? Wix has this as a built in option but I can't seem to figure it out for squarespace. We have a lot of text on one of our pages and the image is blown out of proportion. I found this article but can't seem to figure out how to make it work for our site. Any assistance is appreciated. Thanks! https://thirtyeightvisuals.com/blog/fixed-background#adbs-anchor-full-code
  8. Site URL: https://woundedwarriorointment.squarespace.com/store Hi, I've been trying to get the background image to also appear on our store page. I've seen where to do that on all of the other pages and also tried a few different codes, but not having much luck. If anyone could help I'd be grateful. Thanks! Link to store page: https://www.woundedwarriorointment.com/store URL for background image I want to use:
  9. Site URL: https://fredfilms.com Hi, My website has a scrolling index/homepage with multiple 'blank' pages nested. I added a banner image to the top page with a text overlay and would like that banner image to randomly load each time someone visits the page. Any help would be greatly appreciated!
  10. Site URL: https://matteprojects.com/ Does anyone know how to change a full-bleed background image when hovering over different text links. I'm trying to achieve something like the first page section of this site: https://matteprojects.com/ I have found hover on image solves, but not for multiple text links (each showing a different background image) Thanks!
  11. 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!
  12. Site URL: https://globaltalentconnect.squarespace.com/ I need to add a background image to all my pages, but my template does not offer it. I can't do a new template for we have over 400 pages and we do not have time to edit the entire site. Can someone advise on how to add this option?
  13. Site URL: https://www.davisandcointeriors.com.au/full-interior-service Hi All, I'm building a website in 7.1 and I'm struggling to contain a section background image OR find a more appropriate solution. As you can see from the attached image, the items in the image are on the sides. When viewed on smaller screens, rather than the image being scaled down, the image crops to the point where the items are no longer visible. This is clearly not what the client wants. I've tried added custom CSS, but it's just not doing anything. Any help would be greatly a
  14. I'm trying to add a page specific background image, which should be resized so it fits the screen. Though, either I can't get it to show or resize. Any help is greatly appreciated. #collection-ID .collection-54061d89e4b0fd1f5b9456b1 { background-image: url('https://static1.squarespace.com/static/5e8315c121a7960214076bd8/t/5ecf54954e191958620c39ad/1590645913058/Eilersen_factory_Slovakia_1_93L9433-2.jpg') !important; background-repeat: no-repeat; background-position: center center; background-size: cover; opacity: 0; margin: 0; padding: 0; display: gri
  15. Site URL: https://dorimuranyi.squarespace.com/ Hello All, I have been trying to add background images to my site, but I have an issue for which I cannot seem to find the reason. I would like the image to either be adjusted to the screen size, or display in its original size (which I would adjust to be somewhat wider than the screen). The problem is, whatever image I set as a background, it stretches way over the size (width) of the screen - both on PC and mobile. To give a more exact explanation, the screen resolution on my PC is set to 1366 x 768 px. Regardless if I use
  16. Hey everyone, I want to achieve the action seen here in the header image section: https://www.equinox.com/groupfitness?icmp=topnav-classes I want my other thinks to fade on hover, and the background image to change for each link- using CSS. Attached a photo of the section of my site, same basic principles. Big titles that are linked over a background image. Anyone have some code that can accomplish this, or is this too complex for simple CSS? Thanks in advance!
  17. I've tried several different CSS codes for placing a static (or parallax) image as my background. I was able to upload the file in the Custom CSS > Manage Uploads section, and got the long URL for that specific image. The code I'm using is: body { background-image: url("https://static1.squarespace.com/static/5d71ceb59079ce0001c671f5/t/5eb6c7fbb2acbe6aa4bc1ce0/1589037051337/96808.jpg"); } I've tried several combinations of this including adding comment fields and whatnot, but no matter what I do, my background stays the same and doesn't change to an image. I've tested on bo
  18. Site URL: https://kristelandnic.com/ PW: 94591 I am attempting to remove the background images on mobile only for the "Hero" & "The Wedding Party" sections. Right now it just looks like a accidental line through the section. I attempted multiple CSS modifications to no avail. Any help would be much appreciated.
  19. Site URL: https://www.biconsboutique.com/ *FYI this is on an 18+ site, nothing explicit shown but we are sellers of adult products* i want to know how you can possibly mitigate the distortion to the background images in different blocks on mobile view. On my homepage I have blocks containing text, some containing links to social media etc. In desktop view the background image appears to maintain at constant size and appearance throughout all blocks. But when this is in mobile view, the background image distorts: on some blocks the pixel stars become really enlarged and on others they r
  20. Site URL: https://blueberry-moose-azns.squarespace.com helloβ€” I am working with squarespace 7.1 and am looking to create a clickthrough url for the background (full bleed image) on the landing page of the site, in the same way that you would be able for an image block. Seems like the only way possible is to add text (and create a link) or to add a button. I do not want to have text or buttons on the image, but want the image itself to function as the link. Any help on this would be appreciated. thanks.
  21. Site URL: https://www.davidstinsonphoto.com/ Currently, I have one photo that's full bleed for the background image on the home page (I have it set to only display the background image on the homepage). I want it to cycle through maybe 8-10 photos, BUT I do NOT want a slideshow on the home page. I want a different photo to load up randomly each time the homepage is visited (or refreshed). Anyone know the CSS to make this happen? So much appreciated! I'm using the Wells template.
  22. Hi! I'm trying to create a homepage with a list of my pages, but I want the background image to change as the mouse hovers over the page title... I've achieved this by using a portfolio template, but would prefer to just use CSS to keep it less complicated with navigation. I hope this makes sense! I've attached images if that helps :-) Thanks <3
  23. Hello. Is there a way to have a site wide background image in 7.1? Or at least apply background images to blocks? The site is private but I am not sure that you need to view the site to answer the question. Thanks for your help.
  24. Site URL: https://mitzura.squarespace.com/ Hello, Does anyone know of a way to add a background image to the header in 7.1? The workaround I've found is to make the header transparent, then add a section below the header which has the background image. But I don't want to have to go through every page of the website adding this extra section. I also tried adding background-image through custom CSS but it's not working: #header { background-image: url("sunman_tiny.gif") !important; } Any ideas much appreciated. Thanks, Erin
  25. Hi. I'm looking to find a way to keep my background image stable when user is scrolling. How can i lock the background image in place?
  • Create New...