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
    • 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. Site URL: https://nothing-matters-old.squarespace.com/clothing/upload/p/bandana Password: 1234 Hi, I'm looking to add a site-wide background image to my site on version 7.1. I know this is not natively supported but is it possible to achieve it with custom css or code injection? The image I have is small but seamlessly tiles so repeating both horizontally and vertical would be a requirement. Thanks for any help!
  2. Site URL: https://matthew-kern-drzz.squarespace.com/paintings-new Hello, I am attempting to apply a background image to the header section of this website universally. For now I have just applied it to the specific page mentioned. I've had some success with the following code: #collection-6058d724f45e96664a810213 header#header { background-image: url(Image here); background-size: cover; background-position: center center; background-repeat: no-repeat; } However as you can see from the link: https://matthew-kern-drzz.squarespace.com/pain
  3. Site URL: http://www.extremeelectronics.net I have a shadow background on the images on my site, and all of a sudden, they are no longer working on my portfolio page (Our Work section of our site). I just added a video to one of the projects and noticed that all of the shadows are now gone. I don't know if the video had anything to do with it. Wondering if anyone can help me fix this issue.
  4. 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
  5. Site URL: https://www.physio4u.co/ I've tried this #header { position: fixed; z-index: 1; background-color: #fff; padding-top: 30px; width: 75%; padding-bottom: 0px; transform: translateX(-50%); left: 50%; } but it doesn't seem to be responding to the custom code
  6. Site URL: https://fairwaystoleadership.squarespace.com/ Hello, I'm looking to figure out a problem i have with custom inset backgrounds I have running through my whole page. The blog section is the only one that is not listening. I attach some screenshots. Link to the page: https://fairwaystoleadership.squarespace.com/ Link to the blog: https://fairwaystoleadership.org/blog Link to a blog post: https://fairwaystoleadership.org/blog/why-do-golf-flags-differ-in-color As you can see the links for the next blog posts are not inset and they are not with the gr
  7. Site URL: https://www.teloshealthandwellnessservices.com Can someone help me find an easy fix to keep the same text on a poster picture but prevent the text from spilling into other pictures on the mobile device? Can it be done in canva and still allow for the amount of text? Only suggestions were to reduce text or reduce font size. Thanks, MJ
  8. 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
  9. I have a YouTube background video that doesn't look great on mobile. Can I use a completely different YouTube video as the background video on mobile?
  10. 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!
  11. Site URL: https://www.likemindedproductions.co.uk/podcast/archive Hi, Having some issues adding a colour to the background header of my blog post pages. The blog page is fine (https://www.likemindedproductions.co.uk/podcast/archive) but when you go to a post: (https://www.likemindedproductions.co.uk/podcast/archive/season2/grief-holiblobs-clown-episode-10) there is no background. Any help greatly appreciated. All the best, Andrew
  12. Site URL: http://pug-tetra-xkyd.squarespace.com I have been trying to figure out how to add a background image to the header site wide. (Global). I have failed every attempt. I found some help but not enough to successfully work. Would someone please direct me to the instructions or give me instructions. As a noob I appreciate any help you can provide.
  13. Trying to create a landing page with where the full-bleed background image changes when hovering over different text. Does anybody know how to achieve this on Squarespace 7.1? Similar to this: https://nicolainiermann.com Thank you!
  14. Site URL: https://elephant-quillfish-ct6l.squarespace.com Password: Pineapple Hey folks I have added a background video to this site https://elephant-quillfish-ct6l.squarespace.com and reduced it to fit on mobile a little better. The problem I have is that it isn't playing on mobile and just shows the fall back image? Any ideas?
  15. Site URL: http://cohoopsacademy.com All, I have added an image to my site background pages and it works great on desktop browsers. But on mine and a handful of others iOS phones the image is "dark" but on some other iOS and Android phones it works fine?? How can I fix this, it makes no sense?? Please advise - thanks!!!
  16. Site URL: https://www.bvandaal.com Hello! Would greatly appreciate the help as I've tried a few different things without luck. I have a gradient background on my website, but the standard site bg color is messing up the margins in my index page. Essentially I need the site's bg to be transparent but only for the index. If I set the site bg to be transparent in the site styles, then the index page looks good but now my header and footer have no bg color. www.bvandaal.com pw is "WIP"
  17. Site URL: http://www.thetaxcapital.com Hi, I'm 90% done with my site but stuck with an irritating issue. My template is lavender-aqua, and I'm using a custom background image that has a company logo built in. My issue is the page title conflicts with the logo. Is there a way to layer things so the page title is behind the background image ? Or maybe there's another way to do this ? Thanks, appreciate the help. Phil.
  18. Site URL: http://https/pyramide.squarespace.com Hi Everyone! I am looking to have the background video of a section change as you hover over different text. I am setting this up using side by side split sections with the hope of achieving something like the portfolio page but with videos and more customize. @tuanphan I think you have solved some other issues like this prior and would love your help/ expertise!
  19. Site URL: https://www.novospectrum.com/top-teams Hi All, I have something strange happening in my website and i cant seem to find the solution why its happening. In Safari, when I activate the full screen function of my implemented issuu document, a bar is showing on top of the full screen document. With some testing with the transparanties of certain styles in my design, i found out the bar is responding to the 'content background color'. Making the content background color transparant solves my issue, but then the design of the website changes, and of course i don't want that to happe
  20. Site URL: https://www.arbala.co.uk/shop Hello, I would like to find css that locks/freezes the background image so it doesn't move when scrolling on my mobile site. This is the code I used which works for my desktop site: (I would like this to be applied to only my shop page) section[data-section-id="6033d77c74fab235129fb8f8"] .section-background { background: url('https://static1.squarespace.com/static/6033d6addf0e7479ebf57add/t/60452f9c2219a52fe71d54fb/1615146916345/2Arbala+Gradients.png'); background-size: cover; background-position: center; background
  21. Site URL: https://www.astrayphotography.com I recently created a new site through Squarespace with a square muse template and for certain sections the background videos that play automatically (top of "Galleries" and bottom of "Lets do this") on www.astrayphotography.com only work on Android and desktop versions which over 50% of our clients visit our site via iPhone. From my conversations with the Squarespace team it appears there is no answer to fix this and recommend using a backup image. Does anyone you have any advice on if this is able to be fixed? Thank you,
  22. Site URL: https://mango-cylinder-yeyd.squarespace.com/ Hi Everyone, I've designing a new client site with a solid navigation at the top and a background banner image underneath. I've noticed that the image position is not centred correctly in the banner height? Take a look at the Free Resources page and you can see that there is a geometric symbol that should sit in the centre vertically, but it's not. I think that by default the banner images are set to fill the height including the navigation section and this is fine for most images, but when there is an important element th
  23. I really love the refracted lines effect, but am curious whether it is possible to use custom CSS to accomplish the following: Only have one slice, as opposed to multiple across the entire photo. Specify the angle of the slice. Add an additional B&W effect on the refracted/sliced portion of the photo. I'm sure I'm asking way too much of this feature, but I'm hoping someone with much more expertise could chime in. Thanks in advance!
  24. Site URL: https://goodlivingventures.com/ Have tried exporting the image for the info cover page in a variety of dimensions, resolutions, etc, and no matter how hi-res the original photo is, it uploads at garbage quality (I've tried it with a ton of different images and the same thing happens, so it's not just this particular image that's the problem). Tried deleting all the custom code and the issue persists. Customer service was entirely unhelpful in resolving. Current image being used is attached. I'm assuming that Squarespace is automatically resizing it but can't figure out how to keep
  25. Hi folks, in Squarespace 7.1 they've added a feature which loads the background image of a section only once you've scrolled to it. Generally, I really praise this move from Squarespace in order to make sites faster, but it is annoying when you reload a page you've already scrolled half-way down, and when you scroll up the images don't appear until the top of the screen is about 20% from the top of the image, so you're left with a blank area for the majority of the time scrolling through that section. I used to be able to manipulate the imagesLoaded function in 7.0, but I don't know how t
  • Create New...