Set a site-wide look, then tailor individual pages

Options for Twenty Twenty-One Premium adds controls for the WordPress Twenty Twenty-One theme. Use website-wide settings to adjust its layout and styling, then choose various show options for individual posts and pages in the editor.

For each post or page, choose whether to display or hide content behind the site header, the post or page header, the title, the featured image, the sidebar, the widget area, and the footer. A featured image can also serve as the site or header background. Add and style a gradient over a header background image.

How should the header and navigation behave?

Place a widget area at the top or bottom of the header, including a Navigation Menu widget. Position the logo inline with the site title and description, and style a shadow on header text.

On mobile, set fixed or sticky behavior for the header, primary navigation, or hamburger icon. On larger screens, set fixed or sticky behavior for the header or primary navigation. Add a drop shadow to sticky headers and menus, with an option to animate the shadow.

Which layout and styling details can you adjust?

Controls cover body font size, link underlines, content width restrictions, header spacing, logo placement, the site title and description, and navigation presentation. Adjust background and text-related colors, font size or weight, font case, and borders in supported areas.

For WooCommerce content, choose the default or wide content width. Select a grid template for archive, blog, tag, category, and custom taxonomy pages. Footer options let you hide the “Powered by WordPress” text, change its font size, and remove footer padding and margins.

Configure the theme and review responsive behavior

Install and activate Options for Twenty Twenty-One Premium on a WordPress site using the Twenty Twenty-One theme. Set site-wide options in the extension settings, then use the editor controls on individual posts and pages when they need a different display.

Start with general layout and color settings, then refine the header, navigation, content visibility, backgrounds, and footer. Review the site on mobile and larger screens when setting fixed or sticky elements and responsive navigation behavior.