# Style

On the Style tab of your Site settings page you can choose your preferred theme, select color and font as well as set the header and footer style of your website or choose the format of your products images.

style settings

Note

All these settings are set by default, so you can keep them as they are or return here anytime and adjust them to your liking.

To change the style of your website, navigate to the SITE menu in the header of your DG1 Admin panel, click Edit site and select the Style tab.

style


# In this section


# Select your colors and font

Your chosen theme comes with pre-selected primary and secondary colors and font.

  1. To change the colors and font, navigate to the SITE menu in the header of your DG1 Admin panel, click Edit site and select the Style tab.

site settings style

  1. You can set your primary and secondary colors by clicking the selection boxes within the Colors and fonts section. This will open a color picker, where you can choose your own color by moving the cursor on the right and clicking on the center area to define the exact swatch you want. The procedure is the same for both primary and secondary color.

colors fonts

Whatever color you choose, you will still get to see the basic color of your theme on the left in case you would like to revert back to it later.

Coolor palet

  1. To choose a different font from the one that comes with your theme, click the grey field next to Font and click through available fonts to preview them in the Sample text window below. Once you have found the font you like, confirm your selection by clicking Submit Submit button green at the bottom of the page.

Font style

# Select header style

Independently from your theme, you can choose a header type in case you would like to change the one that has been preselected with your theme. Each header type has 2 or 3 different styles. By clicking the styles, the preview of the header changes and you are able to choose the one you prefer.

  1. To change the style of your header, navigate to the SITE menu in the header of your DG1 Admin panel, click Edit site and select the Style tab.

site settings style

  1. Select a header type.

header

  1. After clicking the type, you can choose between Style 1, Style 2 or Style 3.

Header style1

  1. To confirm your choice, click Submit Submit button green .

Independently from your theme, you can choose a footer type in case you would like to change the one that has been preselected with your theme. Each footer comes in 3 different styles. By clicking the styles, the preview of the footer changes and you are able to choose the one you prefer. The colors will be automatically changed in the front end, depending on your primary and secondary colors.

  1. To change the style of your footer, navigate to the SITE menu in the header of your DG1 Admin panel, click Edit site and select the Style tab.

site settings style

  1. Select your footer style.

Footer style

  1. After clicking the type, you can choose between Style 1, Style 2 or Style 3.

Footer style select

  1. To confirm your choice, click Submit Submit button green .

# Product image format

Independently from your theme, you can choose a Product image format in case you would like to change the one that has been preselected with your theme. The product image format will be automatically changed in the front end.

  1. To change the format of your product images, navigate to the SITE menu in the header of your DG1 Admin panel, click Edit site and select the Style tab.

site settings

  1. Select product image format - you can choose between landscape, portrait or square.
    Landscape: 1200 x 800 px
    Portrait: 900 x 1200 px
    Square: 1200 x 1200 px

product image format

Note

If you change product image orientation after you have already added products to your shop and booking page, we recommend that you edit each product and check or adjust the image positioning before the submission.

Copyright © 2024 DG1 Group Holdings Inc - All Rights Reserved - Terms of use - Privacy Policy - v0.5.24