Match your brand by editing your theme's global settings.
Created your child theme? Great! It’s time to move on to your Theme Settings.
Your Theme Settings are where you can globally change your theme's styling to match your company brand. This includes colors, fonts, borders, box shadows, and more. To access your theme settings and discover what you can edit, follow these steps or view our video:
- Click the gear icon in your portal menu to access Theme Settings. This will take you to the portal settings page.
- In the left-hand sidebar, navigate to Tools, then Website, and finally, click on Themes. This takes you to a listing of the themes available in your portal. Here you'll hover over the theme you want to edit and click View theme.
- You'll have a preview on the right side in that theme's settings. You can change the view from the dropdown to any template in the theme or any page using a template from the theme. The buttons in the top right will allow you to create a page or blog post, view the preview in responsive mode, and publish any changes you make to the theme settings.
- To the left is a sidebar where you make those changes. You'll see several groups here, including Global Settings. All the other groups here are connected to Global Settings, so the changes you make will reflect across all the options available.
- In Global Settings, if you have brand colors set up in your portal, most global colors will automatically pull in those brand colors. If you still need to set up brand colors or don't like where the colors are being used, you can edit the colors directly. If you don't see any changes you make in the preview pane, click the Apply changes button to refresh the preview.
- In Fonts, you can choose from any web safe or Google font to change the font family of your headings and base text. Other options available here may vary between themes, but generally, you'll see options to change the max width of the content, global shadows, and borders.
- While in Theme Settings, you'll also want to look at your Website Header and Website Footer settings. Website Header includes options such as predefined header layouts (if available), making the header sticky, the max header width and height, and other settings specific to your header. You can change any color from the background to the child menu links in Header Colors. Website Footer will have options specific to the footer of your website, such as font and color options for text, links, and menus.
- If you're happy with the distribution of colors and fonts after editing these three groups, publish your changes and move on to the next step. If you want to edit the styling further, you can go through the other groups available to change font settings and colors more granularly.
- When you're done editing the Theme Settings, click the Publish button in the top right to publish your changes.