Wix Photo Albums: Designing Your Photo Album
After uploading photos to your photo album, it's time to design it to make sure it looks the way you want it to. Wix Photo Albums offers you hundreds of design options, from customizing the layout to changing the colors and fonts, to using custom animations. You can access these options and more in the Photo Album Editor.
Show me how to access the Photo Album Editor
In this article, learn more about:
Changing your album layout
Your album layout determines the way your photos are arranged. We have 12 layouts for you to choose from, each with their own options.
For example, if you choose the Masonry layout, you can customize the spacing between the images, where as if you choose the Thumbnail layout, you can change the size of the thumbnails.
To change your album layout:
- Go to Photo Albums in your site's dashboard.
- Click the More Actions icon
next to the relevant album and select Customize. - Click the Design tab on the left.
- Click Layouts.
- Select a layout on the Galleries tab.
- Customize the layout using the options available. You can learn more about the available options in the Layout glossary.
Customizing your album cover
Choose a photo you want to highlight for your album's cover. The cover photo is the first photo visitors see when they're looking at the album gallery on your site.
Note:
- Currently, it is not possible to change the focal point of a Photo Album cover. The cover is centered and cropped by default to optimally fit the screen size. If this is a feature you would like to see in the future, please click Vote for this feature in this article and we'll make sure to keep you updated.
- It is also not possible to customize the expand mode in Wix Photo Albums. If this is a feature you would like to see in the future, please click Vote for this feature in this article and we'll make sure to keep you updated.
To customize your album cover:
- Go to Photo Albums in your site's dashboard.
- Click the More Actions icon next to the relevant album and select Customize.
- Choose what you want to do to learn more:
Change the cover photo
Change the text that appears on the cover
Change the design of the cover
Hide the album cover
Changing your album colors
Choose the colors you want to use for your album and customize the design of the borders and shadow.
To change your album colors:
- Go to Photo Albums in your site's dashboard.
- Click the More Actions icon next to the relevant album and select Customize.
- Click the Design tab on the left.
- Click Colors.
- Customize the colors and design of the following:
Background & Icons
Photo Info & Overlay
Border
Shadow
Changing the album font
The font set affects all of the text in your album. It's made up of a title font (album, gallery and photo titles) and a secondary font (all other titles). Choose from one of the preset font sets, or create your own.
To change your album font:
- Go to Photo Albums in your site's dashboard.
- Click the More Actions icon next to the relevant album and select Customize.
- Click the Design tab on the left.
- Click Fonts.
- Select an existing font set or click + New Font Set to add your own.
Adding animation effects
Bring your gallery to life by adding animation effects, choose what happens when someone scrolls through your album or hovers over one of the photos.
To add animation effects:
- Go to Photo Albums in your site's dashboard.
- Click the More Actions icon next to the relevant album and select Customize.
- Click the Design tab on the left.
- Click Animations.
- Customize the animation effects for the following scenarios:
- Scrolling Effect: Choose an effect for when visitors scroll down the gallery in your album. For example, you can make your photos zoom out while scrolling.
- Hover Effect: Choose an effect that appears when visitors hover over your photos. For example, you can make your photos' colors turn grayscale.
- Overlay Animation: Choose an overlay animation that also appears when visitors hover over your photos. For example, you can make your photos slide right.
Tip:
Click Preview Hover Mode to see how your effects look like.
Did this help?
|