Support for

w3shop Master Style, Colours & Fonts

Simon Tranter
by Simon Tranter 2 years ago
Personalise the style of your w3shop microsite to match your branding. Set the standard fonts and colours you require throughout your w3shop.

To set change the style of your w3shop, use the Microsite Style and Microsite Colours panels on Workgroup > Customers > Categories & Microsites > View/Amend.

Choose Fonts

You can customise the look and feel of your w3shop with web fonts. Choose from two font service providers - Google Fonts or

Then you'll be able to choose fonts and style from the dropdowns:

An example w3shop page. Numbered areas are described below.
  Option Where is it used?
1 Page headers (H1) font The title that appears immediately under your header, like "Ready-Made Designer Templates" (see example), and any H1 tags that you create in your free text.
2 Main section headers (H2) font Smaller titles and group headings, like "Refine by" (see example), and any H2 tags that you create in your free text.
3 All other header fonts Other headings, and H3 tags in free text.
4 Main menu font Used for the top-level menu items, just below the header image.
5 Main menu item font Used for the items that appear when a top-level menu item is clicked.
6 Body text font Used for the bulk of your narrative text.
7 Buttons font Used on your buttons.
Defaults to Metro Office if using or Lato if using Google Fonts.

Font Recommendation

Google fonts tend to display the most clearly and were 'invented' for screen display, rather than converted from existing print fonts. If you're using, those with eText in the name are designed for body text.

Choose Colours

Hexadecimal colours can be entered directly into the boxes provided or the Colour Picker can be used by clicking on the swatch box. RGB or HSB colour formats can also be entered here.






Your w3shop header image

Jump to contents page of

w3shop - How-To Guides


All content is (c) Grafenia Operations Limited, 2022 and may not be used, copied or distributed without permission.