The WordPress customiser includes various settings for adjusting the appearance of your website. The customiser is accessed from the Admin menu in the Appearance submenu.
This guide doesn’t cover every Customiser setting, but focuses on those that are particularly relevant to the theme.
If you add a logo here, it will appear in the Heading Menu instead of the Site Name. This is best used with landscape oriented images and is restricted to a maximum width of 240px and height of 60px (the uploaded image will be scaled proportionately to fit). Note that these controls are separate from those for any logo overlaid on the heading image, see below.
Note that the site name or logo can be replaced with an area for social network buttons, see the Menus guide. In this case, setting the menu logo in customiser will have no effect.
The site title will be displayed in the Main Menu Bar if there is no logo selected and it’s not replaced with the social icons widget area. The Title is also used in other ways, including in search engine listings.
This theme doesn’t display the tagline in the site heading but it may included in other ways and a good tagline may have SEO benefits.
The site icon is used in various ways by different browsers and operating systems, eg, when bookmarking a site.
The Colours section allows you to set the three theme colours which will be used on the site and available in the colour palette used by some Blocks in the Block editor.
Unless you have a specific need to change the Link colour, you should leave this at the default. It is important that the Link colour is different to the Theme colour.
The Triadic colours option will automatically set the second and third colours from the main Theme colour. These will match the saturation and luminosity of the Theme colour to give colours which will work in harmony. You should select dark colours as the colour system automatically adds lighter tints of these colours to your colour palette.
The Heading Image setting allows you to change the default heading image used across the site. Note that limitations in the way WordPress uses customiser-set Heading Images mean that there are performance benefits in making any change in the theme’s images folder rather than using the customiser. (See Heading Image and Page Title.)
Heading Image Height
The height of the heading image can be set to 25, 33, 50, 67 or 100% of the screen height.
Heading Image Focus
The focus of the Heading Image can be set as top, centre or bottom, so that cropping of the image retains that area of the image. This setting will only apply to pages using the default Heading Image. Pages using custom Heading Images have their own settings.
There is the option to include an image overlaid on the Heading Image. This is separate from any logo used in the Menu bar.
You can select the overlaid logo and its alignment. By default, the image used is logo.png in the images folder of your theme, but you can replace this with any image from the Media Library or uploaded from your computer. The alignment options are left, centre, right or none. The logo only displays with full width heading images.
There is a setting for the logo width which will scale the image proportionately.
A further setting gives the option to hide this logo on any pages using the Overlaid Title. We recommend using this option unless your logo is much wider than it is tall and all Titles are kept short, to avoid the logo and Title overlapping.
The theme has two menu areas, Header Menu and Footer Menu and you can assign a specific menu to each area in Menus > Menu Locations. The Footer Menu has no drop down option so is restricted to first tier menu items only.
The settings for styling of the Main Menu are in Theme Settings > Main Menu.
This section allows you to add widgets to any active widget area. (Note that currently inactive widget areas can be modified outwith the Customiser in Appearance > Widgets.)
In this section you can set whether the front page of your site will be a standard page or a listing of your Posts.
Set a fallback image which will be used in post listings and block tiles where no image has been set. An image set here will replace the fallback image (if any) in your theme images folder.
For post listings, the image used will be each posts Featured Image where this has been set. If not, if the Post has a custom heading image this will be used instead.
Only if neither of these has been set will the fallback image be used.
This setting allows you to choose the default tile styling for your site.
The style options are standard, reversed, shadow or no gap; reversed applies a background colour to the block rather than each tile, with the tiles having a white background; shadow (no surprise) adds a shadow effect; no gap removes the spacing between tiles and adds gradient shading to the background to differentiate each tile.
This default setting will be used in post listings but can be over-ridden in individual blocks for any of the Tile Blocks which use this styling.
Tile Border can be used to add a border to each Tile. This setting is ignored if the Tile Style is no gap.
Like Tile Style, the Tile Border setting will beused in post listings but can be over-ridden in individual blocks for any of the Tile Blocks which use this styling.
Tile Button Size
This can be set to large or small and will be used for all buttons within Tiles and the PDF Download block
The Heading Menu can easily be switched from its default left alignment to the right. This is done in the Customiser under Theme Settings > Main Menu. Because third-level menu items display to the right of the second-level drop-down menu, we recommend only switching to a right-aligned menu if your Header Menu does not have third-level items.
Menu Bar Widget Area
This option allows you to replace the Site Title or Logo in the Main Menu bar with a widget area designed for adding Social Network Icons to link to your pages on a range of networks or a search box. The widget area must be right aligned, so if selected will over-ride the Menu Position setting.
For details of how to use this, see the Menus guide.