Response
chat what would you say the best size for surface images are ? also are they forced to repeat horizontally or can they stretch fully from left side to right side of the page
- around 1920x1080 if you don't want it to repeat, around 128x128 if you do
- you have pretty much complete control over how the background repeats, but it involves CSS (I'm not certain if you can just do it with the surface color setting, or you need to use custom CSS). you would need to change at least one of
background-space,background-size, orbackground-repeatunder#page. I could give you code, but I first need some clarification. which of the following do you want?:
- image is stretched to fit the size of the page
- image is scaled and cropped to fit the size of the page while preserving aspect ratio
- image is stretched from the left side to the right side but repeats vertically
Comment
Reactions
Replies
Add a reply
Scale and crop the image to fit the size of the page, preserving aspect ratio:
#page {
background-repeat: no-repeat;
background-size: cover;
}
Stretch the image to fit the page, even if it distorts the image:
#page {
background-repeat: no-repeat;
background-size: 100% 100%;
}
Another option would be to center, but not scale, the background image, and have a different background behind it. For some reason I couldn't get this to look right on your page, so I don't have code to give you right now. I also couldn't get the "stretch left to right but repeat vertically" to look right.
omfg thank you so much and I def will need help w the code, I'm not too sure which option would work best though, but maybe 1 or 2, preferrable 2 since it does keep aspect ration, but i'm not sure i like the cropping part