SSS Background Guide: Images, Fit, Focus & Readability
The background creates the setting for your Digital Home. Choose the image or color first, then make sure every word and button stays easy to see.
Loading matched recommendations...
Settings in this guide
- Profile Background Image: a direct image link.
- Background Quick Preset: None, Clean, Cinematic, Soft, or High Contrast.
- Background Fit Mode: Auto, Cover, Contain, Tile, or Stretch.
- Background Focus Point: the important area on desktop.
- Mobile Background Fit and Focus: separate choices for phones.
- Mobile Background Attachment: Auto, Scroll, or Fixed.
- Background Overlay Strength: 0–70%.
- Profile Background Opacity: how strongly the background color or tint shows.
- Profile Background Color: the base color behind the page.
- Profile Background Pattern: an optional texture.
This picture shows the older Classic Backup view. The setting names can still help you find the same choices in Studio Editor.
Whole Home and Room designs
Whole Home is the easiest place to set the shared background. Give Photos, Blogs, Videos, or another Room its own background only when it adds a clear purpose or mood.
Whole Home
Use it for the shared look that Rooms follow unless you give a Room its own design.
One Room
Use it when only one part of your Digital Home needs a different look.
Private Draft
Studio keeps your changes private until you publish them.
Classic Backup
Classic Backup changes the public Whole Home as soon as saving finishes.
Recommended order
- Choose a Quick Preset or None.
- Add an image or choose a base color.
- Set desktop Fit and Focus.
- Raise Overlay until text and cards are easy to read.
- Set phone Fit, Focus, and Attachment separately.
- Add a pattern only after the main background looks good.
- Preview long pages, cards, buttons, navigation, and effects.
- Publish the correct Whole Home or Room.
Choose a reliable image
- Use a direct, public image link that begins with https://.
- A direct image link opens only the image, not a gallery or search page.
- Uploading the image to your own SSS media library is usually more reliable than linking to another website.
- Resize very large images so the page loads faster.
- Use an image you made or have permission to share.
Phone background tips
- If the picture is too zoomed in, change Mobile Fit.
- If the important part is cut off, change Mobile Focus.
- If scrolling feels rough, use Mobile Attachment = Scroll.
- Fixed backgrounds may look different across phones.
- Check both portrait and landscape view.
Make the page easy to read
- Raise Overlay before changing many text colors.
- Busy images need more solid cards or a stronger overlay.
- Patterns and effects can compete with the picture.
- Check the busiest part of the image, not only the easiest part.
- Use Safe View and reduced-motion Preview when effects are active.
Starter backgrounds
Clean and readable
Clean preset, 30–50% overlay, mostly solid cards, and no pattern or a very light one.
Cinematic
Cinematic preset, 50–70% overlay, Center or Upper Center focus, and Auto or Contain on phones.
Color only
No image, a solid color, and a subtle Grid or Diamonds pattern if wanted.
Photo Room
Dark neutral background, strong card contrast, low motion, and a focus point chosen for the photos.
Common fixes
Text is hard to read
Raise Overlay and make cards less see-through.
Loading matched recommendations...
Background is too dark
Lower Overlay first.
Desktop and phone look different
Set Fit and Focus separately for each.
Pattern feels noisy
Remove it or simplify the picture and effects.
Image does not appear
Make sure the link opens a public image by itself.
Scrolling stutters on a phone
Use Scroll attachment and reduce heavy effects.
Wrong Room changed
Check the selected Room and publish destination.
Preview differs from live
The background may still be in a Private Draft.
FAQs
Which Fit Mode should I start with?
Auto is the easiest starting point.
What is the difference between Cover and Contain?
Cover fills the area and may crop the image. Contain shows the whole image and may leave empty space.
Can Rooms have different backgrounds?
Yes. Choose the Room in Studio, Preview it, and publish only that Room.
Why can Fixed look different on phones?
Phones handle fixed backgrounds in different ways.
Should I use an image and a pattern together?
Only when the page stays easy to read.
What should I change first when text disappears?
Raise Overlay.
Does removing the image remove the background color?
No. The image, color, opacity, and pattern are separate layers.
What is the quickest safe reset?
Use Clean, no pattern, Auto fit, a stronger overlay, and readable cards.
Loading matched recommendations...
