Kadence is a robust and powerful framework and block-based page builder that offers extensive customization options. It gives you complete control of your website sitewide, not just in the customizer settings. In this knowledge-based article, we go beyond what is discussed in the Kadence Customizer Introduction.
Kadence’s mix of global settings and individual block controls makes it an excellent option for both beginners and advanced users looking to build a highly customized WordPress website. Here’s a breakdown of what can be customized sitewide when using Kadence:
Design and Layout:
Header and Footer: You can fully customize the header and footer, including the logo, menu placement, background colors, and social icons. It also allows sticky headers and multiple header layouts.
Page Layouts: Customize page width and sidebar positions (left, right, no sidebar), and create full-width or boxed layouts using Kadence Blocks.
Global Layout: Control overall website container width, content margins, and gutter spacing.
Typography:
Fonts: Choose from Google Fonts or upload custom fonts.
Text Styling: You can control font size, weight, line height, and letter spacing globally or for specific elements (headers, body text, etc.).
Text Colors: Customize text color for different sections, including headings, body text, and links.
Color Scheme: Set a global color palette for primary, secondary, and accent colors.
Backgrounds: Customize the background color, image, or pattern for different sections like the header, footer, and content areas
Blog & Archive Pages:
Post Layouts: You can adjust the layout of blog posts (grid, list, masonry), control the number of columns, and enable or disable metadata like the author, date, and category.
Post Styling: Customize the appearance of featured images, post excerpts, and read more buttons.
WooCommerce Integration (Pro Version):
Product Page Layouts: Customize product page layouts, including the size of product images, gallery layout, and placement of product descriptions.
Shop Page: You can control the layout of the WooCommerce shop page, including the number of products per row, product styling, and button customizations.
Cart and Checkout Pages: Customize the look of the WooCommerce cart and checkout pages for a more seamless experience.
Create conditional headers and footers for specific pages or post types, which allows for unique header/footer combinations for different sections of your website.
Responsive Design: Kadence allows for mobile-specific customizations, such as adjusting font sizes, spacing, and section visibility for different devices.
Menus and Navigation:
Mega Menus: The pro version allows you to create advanced mega menus featuring images, columns, and other elements.
Sticky/Transparent Menus: Enable sticky navigation and transparent menus that blend into page content.
Custom 404 Pages:
Customize the 404 error page layout and content for a more personalized user experience.
NOTE: Some of the above options may be limited if you don’t have Kadence Pro installed.
Other Kadence customizations sitewide include dragging and dropping sections, copying and pasting sections from one page to another, making changes without code, controlling tablet and mobile settings separately from desktop, and SO much more.