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 mobiles.

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...

The Desktop/Tablet Website and Mobile Website panels

This is where you choose and customize the overall "skin" for your website, both for the desktop/tablet and for the mobile 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, menus, colors, fonts, ...

  • The main panel allows you to easily access each component's settings and content.
  • The Customize theme tab opens the customization tool

Preview - Commit - Revert

You can preview a work-in-progress design via the Preview button (top-right corner of the screen), without it affecting your live website. 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 Commit & apply to live website once you are happy with the changes. After that point, there is no going back to a previous design.

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.