Customize

Layout, header, colours, typography, forms and footer, panel by panel.

• Global layout Set the site-wide container width, border radius, page loader and scroll-up button from General > Global Layout.
• Page mapping Point login, registration and 404 at custom pages, and understand the SEO trade-off of mapping a 404 page.
• Custom code Add tracking scripts and quick header or footer JavaScript from General > Custom Code, and know how it relates to Additional CSS.
• Smart performance One switch that limits Reign's plugin-integration styles to only the pages that need them.
• Sign-in and register popup Replace the WordPress login page with an in-page popup, and know that BuddyPress owns the register fields once it is active.
• Header layout Pick a header style, order its icons, and set how the main menu behaves on hover from Header > Layout.
• Left panel Configure the optional slide-in navigation panel, covering behavior, size and spacing, icon styling and menu text, from Header > Left Panel.
• Sticky menu Turn on sticky-on-scroll for the header, then configure the colors used once it sticks so it stays readable.
• Topbar Add a thin strip above the header for contact info and social links, and control how it behaves on mobile.
• Mobile menu Choose the mobile header layout, set an optional mobile-only logo, and order the icons shown on small screens.
• Sub header Style the page-title banner shown below the header, and understand how its hide settings layer between global and per-content-type controls.
• How the color system works Why Reign has four color-related sections, how they override each other, and why a palette change sometimes seems to skip one element.
• Color palette The one setting that colors your entire site, and where to start on a new build.
• Light and dark mode Turn on the visitor toggle, choose the default mode, and know where the dark colors themselves actually live.
• Typography Set every font on your site with one preset, then fine-tune body, headings, menu and blockquote separately if you need to.
• Forms Set the resting and focus colors of input fields, textareas and selects, and why the focus colors matter for accessibility.
• Footer Set the widget area's typography and spacing, then the copyright bar's text, alignment and colors.

17 pages, written for Reign 8.0.6.