Design Section Explained

You can manage your website menu style, color palette of your website, website text style and much more from the design section.

Under this Article : 

  1. Logo
  2. Site Colors
  3. Main Menu
  4. Drop-down Menu
  5. Site Text
  6. Site Overlays
  7. Footer

1- Logo : Your site branding

  1. Upload a logo file with maximum size as 600 X 600 px
  2. Upload your email logo with maximum size as 600 X 600 px
  3. The name for your site. Used as logo text if logo is not available.
  4. Style your logo text here.
  5. Weight for logo text can be managed from here. You can choose your Text to be Thin, Normal or Bold.
  6. Position of your Logo and Menu in the site header.
  7. Upload the Favicon for your site.

2- Site Colors – Color palette for your site

  1. The base color for your site.
  2. Background image for your site. Use a jpg / png image with ideal size 2000px width X any height.
  3. The base color of the main content area.
  4. The base color of your site header.
  5. Enable this toggle to over ride header color on your cover banner.
  6. The base color for your site footer.
  7. Hover color shown in image grids.
  8. Color for text and elements shown on hover in image grids.
  9. Weight for text and elements shown on hover in image grids.

3- Main Menu –  Style of your website menu

  1. Style for the menu links.
  2. Weight for the menu links.
  3. Hover color for menu links.
  4. Style for hover and active links in menu.
  5. Color for the active menu link.
  6. Base color for menu links.
  7. Base hover color for menu links,

  1. Style for your drop-down menu links.
  2. Weight for the drop-down menu links.
  3. Hover color for the drop-down menu links.
  4. Base color for the drop-down.
  5. Hover color for the drop-down.

5- Site Text : Styles for your site text

  1. Style for headlines in cover banner.
  2. Weight for headlines in cover banner.
  3. Style for all titles.
  4. Weight for all titles.
  5. Style for bylines.
  6. Weight for bylines.
  7. Style for all body text.
  8. Weight for all body text.
  9. Color for all links.
  10. Hover color for all links.

6- Site Overlays : Used for viewing large size images

  1. Base color for the image viewer.
  2. Color of navigation arrows, icons and other elements in the image viewer.

  1. Text for site footer.
  2. Style for footer text and other elements.
  3. Weight for footer text and other elements.
  4. Add extended footer to your site.

Add A Comment