Jump to content

Background image stretching/sizing issue

Recommended Posts

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 a 2000 x 2000 px image or a 600 x 600 image as background, it will stretch to huge dimensions for some reason, that are much bigger than the original image (I mean several times the size) and the screen too.

According to this Squarespace support article, '(...) images added through Site Styles (background images and site-wide banner images) load at their original dimensions. ' I would be fine with that, but it does not seem to be the case, or I am misunderstanding something...


Can anyone suggest how I could get a bckground image to display either in its original size or adjusted to screen width? 

Thanks for reading!

Link to comment
  • 1 year later...
17 hours ago, KLC2021 said:

Did you ever get an answer for this? I'm having the same issue. It makes zero sense. 


Can you share link to your site? We can take a look

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 9 months later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.