The following options area available for users who have upgraded to the premium plugin …
Options in the editor to hide / show content behind site header on individual posts and pages.
Options in the editor to hide / show post / page header on individual posts and pages.
Options in the editor to hide / show title on individual posts and pages.
Options in the editor to hide / show featured image on individual posts and pages.
Options in the editor to hide / show sidebar on individual posts and pages.
Options in the editor to hide the widget area on individual posts and pages.
Options in the editor to hide the footer on individual posts and pages.
Use featured images as the site background.
Use featured images as the header background.
Add and style a header gradient over the background image.
Inject a widget area into the top or bottom of the header and use a Navigation Menu widget (for example).
Move logo inline with site title and description.
Choose fixed, sticky header, primary navigation or hamburger icon for mobile.
Choose fixed, sticky header or primary navigation for larger screens.
Add a dropshadow to sticky headers and menus.
Animate the dropshadow on sticky headers and menus.
Style header text shadow.
Align the sidebar to the left of the content.
Choose the width of the injected sidebar.
Choose the minimum width of the injected sidebar.
Choose a row template for selected archive, blog, tag, category or custom taxonomy pages.
Choose a column template for selected archive, blog, tag, category or custom taxonomy pages.
Show the desktop menu on smaller screen sizes instead of the hamburger.
Choose a breakpoint for the mobile menu.
Show the hamburger navigation as a flyout if used on larger screens.
Style the primary menu items on larger screens.
Hide the sub-menu toggles on the primary menu on larger screens.
Enable second-level, flyout sub-menus on larger screens.
Choose the background color for second-level, flyout sub-menus on larger screens.
Enable first-level, “mega menu” style sub-menus on smaller screens.
Inject a search function into the primary navigation.
Wrap the page / post content so it can have a different background color.
Remove “Tag: ” and “Category: ” prefix in archive titles.
Turn on a true parallax effect on cover blocks.
Add featured image functionality to tag, category and custom post type taxonomy archive pages.
Change the aspect ratio of posts in the Grid Template.
Choose the number of colums in the Grid Template for small, medium and large screens.
Change the Grid Template post border width color and style for posts that don’t have a featured image.
Change the font size, font case of post titles in the Grid Template for small, medium and large screens.
Change the shadow color and width on post titles in the Grid Template.
Show animated hover effect on grid items.
Show published dates below the posts in the Grid and Column Templates.
Choose the number of colums in the Column Template for small, medium and large screens.
Remove the word “Published” before the date on posts and words “Published in” on attachment pages.
Choose a background color for the footer widget area.
Increase the size of social link icons on larger screens.
Fix social links to the left or right on smaller and / or larger screens.
Add Linkedin, Telegram, TikTok, WhatsApp and Xing icons to secondary (social) menu (ask us to add others if you need them).
Change the color of the social icons to their relevant corporate colors.
Provide alternate text / HTML to replace site title / logo.
Provide alternate text / HTML to replace “Proudly powered by WordPress”.
Turn Dark Mode on by default.
Choose an alternative Dark Mode background image.
Choose an alternative Dark Mode logo.
The Twenty Twenty-One theme does not use jQuery, we use pure JavaScript on the front end of this plugin so it doesn’t need to enqueue jQuery.
This plugin makes use of hooks instead of child themes or custom templates which means it will work even after new versions of Twenty Twenty-One are published by the theme developers without breaking the theme 🙂
Installation
Easily use this plugin to modify WordPress default Twenty Twenty-One theme …
1) Install “Options for Twenty Twenty-One” automatically or by uploading the ZIP file. 2) Activate the plugin through the “Plugins” menu in WordPress. 3) Find the additional features by clicking “Customize” in the “Appearance” admin menu.
FAQ
Why can’t I change the fonts?
Changing fonts in a WordPress theme is not a customisation that is limited to the Twenty Twenty-One theme. There are lots of plugins out there that already perform this task.
Changelog
1.7.7
Fixed bugs with “Hide Date” and “Hide Categories” options
1.7.6
Made PHP PSR-4 fix backwards compatible with older versions of WordPress
1.7.5
Fixed a minor PHP PSR-4 warning
1.7.4
Added option to show the page title on the front page
1.7.3
Minor Sidebar bug fix
1.7.2
Minor tranlation security updates
1.7.1
Added option to show the mobile navigation submenu style on larger screens
1.7.0
Fixed a bug with “Hide Date” option
1.6.9
Fixed a bug with ignored title padding option on pages with featured images
1.6.8
Added option to align mobile navigation items to the right
1.6.7
Over sanitization of child theme directory bug fixed
1.6.6
Added option to increase the size of the hamburger icon on smaller screens
Bug fix
1.6.5
Preparing for WordPress v6.0
1.6.4
Extended Hide Titles option to work with blog page
1.6.3
Added visual representation of Footer Logo Size range control option
1.6.2
Fixed a bug where changing the header logo size affected the logo in the footer
Added option to change the size of the logo in the footer
Added option to center the site name, logo or “Powered by” text
1.6.1
Fixed a bug with sub-menu background color on larger screens when mobile breakpoint has been increased
1.6.0
Added option to change the nav sub-menu border color
1.5.9
Bug fixes
1.5.8
Added option to change the page title background color
Added an option to reduce the margin above the page content
Fixed a bug with the sidebar JavaScript
1.5.7
Added option to adjust the font size of blog and archive post titles
Bug fix
1.5.6
Prevent the dotted border when clicking the logo in Chrome.
Prevent the black background when clicking links in Chrome.
Bug fix
1.5.5
Added option to adjust footer secondary (social) nav font size
Bug fixes
1.5.4
Added options for footer title and “Powered by” font size
Added option for thickness of separator black / hr tag
1.5.3
Adjust post footer border width
Remove site footer padding
Remove footer social icons
Hide URLs when printing
Remove dotted line on mobile nav button
1.5.2
Bug fixes
1.5.1
Added option to place the logo below the primary navigation, bug fixes and removal of PHP short tags
1.5.0
Added option for support for the full site editing tool Template Editor introduced in Wortdpress v5.8
1.4.9
Fixed a bug with Nav Border Width option
1.4.8
Added options to style a nav menu border, to choose how many widget columns on different screen sizes and to change the max width of the footer
1.4.7
Fixed a bug with “Nav Burger Icon Color” option
1.4.6
Added widget link underlines to “Remove Link Underlines”
1.4.5
Added Grid template to search page
1.4.4
Added a slider for footer secondary nav link font weight, bug fix
1.4.3
General housekeeping
1.4.2
Bug fix
1.4.1
Added option to use social icons in the primary menu
Added option to force the site branding to be full width
Added options to set font weight for title and description
Added options to set dark mode colors for title and description
Increased the max width settings to 2160px
1.4.0
Added option to fix the background image in the header
Expanded the scope of the Move Date option to include the blog page
1.3.9
Added options for border at the bottom of the header
Added option to choose the color of the footer text
1.3.8
Bug fix
1.3.7
Added option to show site content behind site header
1.3.6
Added option to adjust horizontal padding on navigation items
1.3.5
Added options to reduce padding above the content and below page titles
Added option to adjust font weight of page titles
Added option to adjust the comments titles font size
Added options to choose link and hover colors for the content
Added option to choose a sub-menu background color
Bug fix
1.3.4
Added option to extend the footer background behind the footer widgets
Added option to remove the site title underline
Bug fixes
1.3.3
Added options to change the width of the border below the site logo and page title
Added option to hide logo or title in footer
Added option to change the colors of links
1.3.2
Added option to change the sub-menu and current page menu color
Added options to add a background color or image to the footer
Bug fixes
1.3.1
Added options to add padding and background color to the primary navigation
Added option to choosse a background color for the hamburger menu icon
Bug fixes
1.3.0
Added option to set width of WooCommerce content
Bug fix
1.2.9
Option to change mobile nav button color
Option to change mobile nav link colors
Options to chaange sub-menu font size and padding
Option to change color of post titles on archive pages
1.2.8
Temporarily removed admin notices
Option to replace footer logo / title with secondary menu
Option to move the primary menu out of the header
Option to inject breadcrumbs
Added values to all range sliders
1.2.7
Added option to choose the font case of primary menu items
Bug fix
1.2.6
Added option to choose a background color for the site header
Bug fix
1.2.5
Added option to hide navigation sub-menu caret
Bug fixes
1.2.4
Bug fix
1.2.3
Bug fixes
1.2.2
Added option to hide the post navigation links
Added option to change the height of the footer border
Bug fixes
1.2.1
Added option to hide archive titles
Added option to set a grid template for archive pages
Added option to incrase the size of the burger menu for desktop
Added option to choose social icon color
Bug fix
1.2.0
Bug fixes
Option for full width header
1.1.9
Added option to align the mobile menu
Added options to reduce the header padding
1.1.8
Added option to hide mobile menu button text
Added option to remove link underlines
Bug fix
1.1.7
Added option to hide the site header
Added option to hide all post / page featured images
1.1.6
Added option to move post date to below post title
Bug fix
1.1.5
Added option to hide site info area in footer
Added visual representation of customizer slider values that have to be refreshed
1.1.4
Added options to align logo, title and description
Added options to change footer title font case
1.1.3
Added option to change header height site wide
Added option to change the archive title font size
1.1.2
Added option to show the mobile nav on all screen sizes
Added option to choose the max width of the site logo
1.1.1
Couple of bug fixes
1.1.0
Inject a sidebar into chosen areas of your site
1.0.9
Remove IE11 CSS patch as this is now fixed in the theme
Hide site title and / or description
Align desktop navigation
1.0.8
Added options to choose a background image for the header and its height
1.0.6
Added options to hide the post date, taxonomies, tags and categories
Added options to reduce the margin above the footer widgets
1.0.5
Where possible moved to stop using var() for more IE11 compatibility
Added options to hide author, page headers and page titles
1.0.4
Fix a bug in the theme to load IE11 compatible CSS
1.0.3
Added option to change site title font case
Added option to change primary navigation font weight
1.0.2
Added options to change primary and secondary colors
Added options to change width of align default and wide content
Added options to change letter spacing and weight of headings
1.0.1
Added options for global font sizes and letter spacing