Change my site's background

Updated -

Use your photos and videos in powerful new ways with our background tools!

Wow your visitors no matter how they visit your site—be it on a large screen or a mobile device. Your background is sure to always stun, no matter the size. One size doesn't fit all screen ratios, but we smartly scale based on device to make your background look its absolute best. We recommend trying out your background on several computers or devices to see how your visitors might experience your site, however they resize their browser window.

You can add a single image, a series of single images, a video, or a slideshow as the background of your homepage (all accounts). Power, Portfolio, and Business accounts can add unique backgrounds to any page on their site: Folders, Galleries, and Pages.

The background sits behind other content blocks you’ve added in the same way that a color, texture, or graphic added from the Theme tab does.

Basic setup

You'll find your Background settings in the Customize > Customize Content and Design panel of your header. (Want more advanced options? Check out below!)

Then pick which page, or set of pages, you want to be working on. This content can be consistent on every page on your site (pick entire site), unique to your homepage, or different on each Folder page. The choice is yours.

Click on the the Background tab in the Customize Panel (it's between Theme and Layout).

By default, your background will be inherited from your entire site.

To change this and add a full-screen video, full-screen slideshow, or a series of background images to any location on your SmugMug site, click the drop-down menu to choose the type of background content to add.

Choosing None will cause the Theme’s color or texture to display. But there are some really exciting choices:

PHOTO: Select any photo from your site to create a full-screen photo background. You choose:

VIDEO: Choose a video from your site to create a full-screen video background to engage your visitors. Videos must be less than a minute long and cannot be trimmed after uploading, so make sure you trim your desired video to less than a minute before uploading. You choose:

  • Your video
  • Whether to play the video once or loop it continuously
  • A fallback photo for when your visitor’s connection speed can’t immediately load your video
  • Masking over your video

Note: Video backgrounds aren't currently supported on mobile devices.

SLIDESHOW: All the control you ever wanted over a full-screen slideshow. You choose:
  • Your images
  • Playback speed
  • Transitions and transition speed
  • A splash image to entertain your viewers while the full slideshow loads

Change the background photo with each visit

Yep, you can add a rotating series of photos to your homepage or other pages on your SmugMug site. Entertain your visitors with a new image each time they visit your account!

To do this, choose the Photo option from the Type drop-down, then select Every Visit from the Change Photo drop-down.

Create a gallery of background images, or select photos from several different galleries on your site. Opting to change the photo "every visit" gives your site a fresh new look each time the visitor returns. Endless combinations and permutations to delight and impress your visitors.

Tip: Be sure your selection of images works well with your text colors.

More advanced options (only for Power, Portfolio, and Business accounts)

Want to control whether your background image repeats, tiles, or stretches? Use your theme customizations for more advanced background settings.

To set the background for your entire site, you’ll start the same way you did above: go to Customize > Content and Design. Once you’re in the Customizer, click on the Theme tab.

Choose from any of the themes available—including your currently applied custom theme—and select the wrench icon to open the theme’s settings.

Click on the advanced tab in the theme’s settings panel, then select either a background image or color to apply to your site. If you choose a background image, several advanced options will appear so you can tweak everything to your liking.

The advanced background image options include the following:

  • Graphic Applied To allows you to choose whether your background appears across your entire site or on your homepage only.
  • Graphic Size lets you select which photo size to use for you background image. Select from any of our standard sizes (from Small to Original) or choose “Auto” to let SmugMug serve up the best size depending on your visitor’s device or browser.
  • Scale determines whether to scale your background photo if it doesn’t fit perfectly on a page. Choose from None (no scaling), Fit (display the entire photo, which might result in blank margins along the sizes), or Fill (expand the photo from edge to edge, which might result in some cropping).
  • Repeat allows you to choose whether your background image should repeat and, if so, how to repeat the photo: tiled, vertically, or horizontally.
  • Position determines where your background image anchors as your visitor scrolls.
  • Scroll Background lets you select whether your background photo scrolls or stays fixed in place while your visitor scrolls through your content.
What else should I know? These background options sit behind all the content blocks on the page(s) you add them to. They will lie under your navigation menus, Galleries Blocks, Text Blocks, and so on. You'll need to remove existing content blocks from your page if you want a Video or Slideshow to be all your viewer sees.

Is it available on MY account? Basic account users will be able to add background images, videos, or slideshows to their homepage only. All other account holders can add this content to any page(s) on their site.

Can't find what you're looking for?

Our Support Heroes are ready to help!

Contact Us