Customizing my website design

A design in PhotoDeck is only concerned with the overall layout and the style of your website. Designs are like “skins”, the same features are always available regardless of your design. Your website has 2 designs, one for desktop computers, laptops and tablets, and the other, optimized for smartphones.

Within any design, it is also possible to greatly customize the way the images and galleries are displayed (via the Gallery Styles), what is shown on the front page when a visitor comes to your site, etc…

Video tutorial: customizing the design

The Design panel

This is where you choose and customize the overall “skin” for your website, both for the desktop/tablet and for the smartphone versions. What is done on this panel applies to all pages of your website.

This is where you customize the items that form the layout of your website: logo, navigation menu, colors, fonts, …

Apply - Revert

Changes you make to your design are not automatically applied to your live website, so you can try new options with no risk. If you are unhappy with the changes you have made, hit the Revert button to reset the work-in-progress design to what you have on the live website.

Click on Apply once you are happy with the changes. After that point, it is not possible to go back to a previous design or version.

The customization tool

Changing the global colors allow to easily create a professional-looking and unique color palette, when the individual components’ colors are automatically computed:

The options follow a hierarchy: what is customized at the global level applies to any individual component, except if that component defines its own customization. Hovering with the mouse over an option group shows what components are affected by these options:

Similarly, clicking on the “filter” icon on a component (for example your social networks icons) will bring up all relevant customization options:

Every setting has a “switch” which allows to activate or deactivate its customization:

Customized individual colors (left) vs colors automatically computed from main colors (right)

Gallery Display Styles

The gallery Display Styles allow you to customize how images are displayed, based on the purpose of the gallery they are in. Please refer to the section on Gallery Display Styles for further help.

PhotoDeck websites are designed to adapt automatically to small displays like tablets. When you change your design, it is therefore important that you make sure your website still looks great on tablets. If you don’t have a tablet, simply progressively make your browser window smaller until it is approximately half the width of a standard laptop display, and you will get a good feel on how it will behave on small tablets.