How to update the colors

To change the colors in your theme, navigate to Appearance>Customize>Colors & Fonts>Colors.

Under Global Palette, you can select your new colors. You can either replace all of the colors with your own, or replace some and leave others. Please note that the position and order of the colors is very important — click here to learn more about how to properly use the Global Palette.

There are three palettes available. If you ever wish to reset to the color palettes(s) that came with your theme, please check the documentation for your specific theme.

How to update the fonts

To edit the fonts in your Kadence theme, navigate to Appearance>Customize>Colors & Fonts>Typography.

Kadence works with over 1,000 Google fonts. If you’ve already used our Website Planner Dashboard, you will have selected your fonts and planned out which font is used for each of the tags. If you haven’t done that, we highly recommend pausing here to create that plan.

Buttons

Appearance>Customize>Colors & Fonts>Buttons

Text Colors – The Text Colors setting allows you to set an initial color and hover color for your button text.

Background Colors – The Background Colors setting allows you to set an initial color and hover color for your button background.

Border Colors – The Borders Colors setting allows you to set an initial color and hover color for your button border.

Border – The Border setting allows you to set and use a border on your buttons.

Border Radius – The Border Radius setting allows you to set the border-radius on your buttons.

Font – The Font setting allows you to specify a font, font style, and font size for your button.

Padding – The Padding setting allows you to add padding to your button for desktop, tablet, and mobile devices.

Button Shadow – The Button Shadow setting allows you to set a shadow around your button.

Button Shadow Hover State – The Button Shadow Hover State setting allows you to set a hover shadow around your button.

Social Icons

Check out the separate article here.

How to customize your header/footer

Check out the separate article here.