On WordPress, a theme determines the overall layout and design of your site. Most of the modern themes come with well designed configurations which allow users to customize their theme globally, for instance, header colors, logo size, typography, etc. Global styles help maintain consistency in websites, as long as following company brand guidelines.
There are quite some options shown when clicking Customize, however, we will only focus on some most used sections to reduce complicated operations, including Global, Header Builder, Footer Builder, Site Identity, Menus and Additional CSS (Please note that the options and combinations may vary on different themes):
Global
Changes the global styles of the whole website, including typography, colors (heading, text, background, etc.), container and buttons.
Header Builder
Changes site title, logo and header style. In most cases, we only look into Transparent header under “Header Types” after clicking Header Builder.
Footer Builder
Changes the styles, contents and layout of footer on every page, enabling users to change contents by drag and drop.
Site Identity
Determines the site icon, title and meta description of the website. In some themes, they will be connected to the Header Builder.
Menus
Changes menus in this website, including the main menu you are using for the navigations.
We can create multiple menus in our website and embed them into different places, however, there is usually only one main menu to be displayed on the top of the website.
Users can move and edit the pages by:
1. “Add Items”: this will populate an extra section on the right hand side and users can select the pages they would like to add into the selected menu
2. Drag and drop: For example, if we want to make “My account” and “Cart” page under the Account page, we can just hover our mouse onto “My account” and “Cart” box, drag them under Account and slightly drag to the right hand side as shown in the image above.
Additional CSS
Add your own CSS code here to customize the appearance and layout of your site, you may take a deeper look into CSS here. For example, if we really want to override some pre-defined styles in the website, we can add our CSS code to achieve it. However, we suggest you to consult before changing contents in this level of modifcations.
