Options for Twenty Twenty-One Premium: Theme Customization

Options for Twenty Twenty-One Premium includes controls for the Twenty Twenty-One WordPress theme. Set shared styling in the add-on settings, then use editor settings when an individual post or page needs various visibility or presentation.

Choose what individual posts and pages show

In the editor, select whether to display or hide content behind the website header, the post or page header, the title, the featured picture, the sidebar, the widget area, and the footer. A featured image can also serve as the website background or header background. For a header background image, add and style a gradient.

Set header and navigation behavior

• Place a widget area at the top or bottom of the header, including a Navigation Menu widget.
• Place the logo inline with the site title and description.
• On mobile, choose fixed or sticky behavior for the header, primary navigation, or hamburger icon. On larger screens, choose fixed or sticky behavior for the header or primary navigation.
• Add a drop shadow to sticky headers and menus, and choose whether to animate the shadow. Style a text shadow for the header.

Adjust shared layout and styling

Settings cover content width restrictions, body font size, link underlines, header spacing, logo placement, the site title and description, and navigation presentation. Adjust background and text-related colors, font size, font weight, and font 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 options let you hide the “Powered by WordPress” text, change its font size, or remove footer padding and margins.

Install and configure

Install and activate Options for Twenty Twenty-One Premium on a WordPress site using the Twenty Twenty-One theme. Open the plugin settings for site-wide options, then use the editor controls on individual posts and pages that need a different display.

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