You can update your website fonts, colour scheme or layout by navigating to your global styling menu. Watch the video below to learn how you are able to update each setting.
Global Text Styling
To update your Global Text Styling navigate to Styling > Text Styling.
You have the option to individually update Global Styling for Desktop and Mobile Views.
When updating your Global Styling, keep in mind that you need to update both Desktop and Mobile views styling as they will not automatically update on both views.
To edit the Settings click on Click To Edit when you hover over the text you would like to update and update the settings on the popup then click Confirm once done to apply the changes as shown below:
Text Links
You can apply colors and underline settings to all your links as shown below:
Add Google Fonts
You can add Google fonts or upload Custom Fonts to your website, navigate to Global Styling and select Add Fonts.
To add Google Fonts already installed on CCK, click on Add Fonts as shown below and select any of the listed Google Fonts. A popup will appear to select the presets for the particular font such as Italic and Bold in different sizes.
Uploading a Custom Font:
Adding a custom font to your CCK website click on Upload Custom Font add the Font name and select from WOFF format or OTF/TTF formats then upload the fonts in the File Manager as shown below:
Color Palette
To select your brand colours to apply on your website navigate to Color Palette under Global Styling and update the Primary, Secondary and Background Colors as shown below:
Website Layout
To update your Website Layout under Global Styling navigate to Website Layout on the menu as shown below and update to your preferred settings, we recommend only doing this if there is a very good reason since the preset layout is already set to the correct format.
Page Styling
You can update settings such as a background image and how it applies to your website as well as the background color for your pages as shown below. The settings applied here will override the already applied Global Styling settings. Navigate to Page Styling under Global Styling menu:
💡TIPS:
Remember to update both Desktop and Mobile views on the Text Styling menu, as this will not automatically update when updating one or the other.