Background image size for Squeaky Clean template

  • 3
  • Question
  • Updated 9 years ago
  • Answered
I would like to add a full size background image covering the whole of the template.
Can you tell me the dimensions of the template please?

Thank you
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes

Posted 9 years ago

  • 3
Photo of Grace

Grace, Champion

  • 361 Posts
  • 4 Reply Likes
Hello Peter, check my page. I covered the whole template with my own background image. I don't know exactly the dimensions of the template but my background image is 2000x900pixels. And i just assume the working area is in 900pixels in width. I posted my background image using the css/html to put it in top-center.

Trial and error is ok, so go for it. This is my own way, it's up to you if you want to try. Anyway i used NoFrills template, somewhat similar with SqueekyClean.

http://digitalretouching.synthasite.com/
Photo of michelle

michelle

  • 24 Posts
  • 1 Reply Like
hi grace, can you tell me how to make my background appear top-centre like yours does? what code did you use and did you add it to your page with an html widget? at the moment my background is just aligned left.
Photo of Grace

Grace, Champion

  • 361 Posts
  • 4 Reply Likes
hello michelle, i used css code. Visit this link
http://www.w3schools.com/css/css_exam...

and on the "CSS Background Examples" click "how to place the background image". Replace with your URL background image and remove the text line in the code. You can change the 'background-position' from CENTER to TOP and also the 'background attachment' from FIXED to SCROLL, if you want scrollable background. I used the Synthasite HTML editor to paste this code.
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
Thank you Grace,

It's nearly there but the page refuses to save. I say nearly there and by that I mean that the picture is just showing on its right margin the beginnings of another copy so it looks as if my setting of 1000 px is just a little short. Tried a little larger and still the same. Won't save. Takes forever to upload any modified web-optimised images so it's a slow job.

Can't think of why it won't save? Any ideas?
Photo of Ruth

Ruth

  • 2819 Posts
  • 135 Reply Likes
Can you tell us what happens when you try to save, Peter? If the save icon is greyed out, it means that the page is already saved. Are you experiencing something different?
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
Hello Ruth,

Thanks for taking this onboard.

The save button is blue and when I click the little wheelie thing turns, the button greys for a split second and returns to blue. I can repeat this ad nauseum. If I try and publish it attempts to save with the same observations. If I try and close the page it advises me that the page is unsaved. If I select another page same thing.

The actual file size is reasonable.
Photo of Monique

Monique, VP of Customer Support

  • 6294 Posts
  • 446 Reply Likes
Could you email us a copy of the background image you are using so we could take a look from our side?
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
Thanks Monique.
Have just sent it off.
Photo of Monique

Monique, VP of Customer Support

  • 6294 Posts
  • 446 Reply Likes
Although you can use any size for a background image, if your image is too narrow you may get a tiling effect. The height of the image is less of an issue as your page will expand based on how much content you add to it.

Try an image of 1500-1700 pixels in width to avoid tiling.