Customize the Twenty Twenty-One theme

Options for Twenty Twenty-One Premium adds controls for the default WordPress Twenty Twenty-One theme. Use site-wide options to adjust its structure and presentation, then set different display settings for individual posts and pages in the editor.

Content visibility and backgrounds

For an individual post or page, choose whether to display or hide content behind the website header, the post or page header, the title, featured image, sidebar, widget area, and footer. You can also use a featured image as the site or header background, then add and style a gradient over a background image.

Header and navigation

• 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.
• Set fixed or sticky behavior for the header or primary navigation on larger screens. On mobile, configure the header, primary navigation, or hamburger icon.
• Add a drop shadow to sticky headers and menus, with an option to animate the shadow.

Layout and styling

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

For WooCommerce content, choose the default or wide content width. Archive, blog, tag, category, and custom taxonomy pages can use a selected grid template.

Footer settings

Hide the “Powered by WordPress” text, change its font size, or remove footer padding and margins.

Setup

Install and activate Options for Twenty Twenty-One Premium on a WordPress site using the Twenty Twenty-One theme. Configure site-wide options in the extension settings, then use the editor controls where individual posts or pages need a different display. Review the site on mobile and larger screens when setting fixed or sticky elements and responsive navigation behavior.