Options for Twenty Twenty-One

Description

Options for Twenty Twenty-One

This plugin is for Twenty Twenty-One theme, please see our other plugins for Twenty Seventeen, Twenty Nineteen and Twenty Twenty.

This plugin adds the following modification options to the default WordPress theme Twenty Twenty-One …

General Options

  • Change body font size.
  • Remove link underlines.
  • Inject a sidebar into chosen areas of your site.
  • Change the max width of align default content.
  • Remove the max width restriction of align default content.
  • Reduce the max width of align wide content.
  • Remove the max width restriction of align wide content.
  • Set WooCommerce content to match either the align default or align wide max width.
  • Choose a grid template for selected archive, blog, tag, category or custom taxonomy pages.

Header Options

  • Hide the entire site header.
  • Full width header.
  • Show site content behind site header.
  • Choose a background color for the site header.
  • Choose the background image of the site header.
  • Choose to fix the background image in the header to produce a parallax effect.
  • Choose the height of the site header on the home page or site wide.
  • Reduce the padding above or below the site header.
  • Choose the maxium width of the site logo.
  • Change the width of the border below the logo.
  • Align the logo, title and description.
  • Hide the site title.
  • Change site title font size, font case and color.
  • Remove site title underline.
  • Hide the site description.
  • Change site description font size and color.
  • Add and style border below site header

Navigation Options

  • Move the primary navigation out of the header on larger screens.
  • Show the mobile navigation on all screen sizes.
  • Align the navigation to the left, center or right on mobile and larger screens.
  • Choose a background color for the primary menu.
  • Increase the padding above and below the primary menu on larger screens.
  • Choose a background color for the hamburger icon on mobiles.
  • Hide mobile menu button text.
  • Increase the hamburger icon size on larger screens.
  • Change the color of the hamburger icon.
  • Change navigation font size on larger screens.
  • Change the navigation item horizontal padding on larger screens.
  • Change navigation link colors on mobile.
  • Change navigation link color for current page items.
  • Change the font case of primary menu items.
  • Change navigation font weight, color and hover color.
  • Hide primary navigation submemu caret.
  • Chooase a submenu background color.
  • Change navigation submenu font size, color and padding.

Content Options

  • Reduce the padding above the main site content.
  • Choose link and hover colors for the main site content.
  • Inject Yoast SEO or Breadcrumb NavXT breadcrumbs above page content.
  • Hide all page / post headers.
  • Hide all page / post titles.
  • Hide all archive / tag / category titles.
  • Hide all page / post featured images.
  • Change page, post and archive title font size.
  • Change title font weight.
  • Reduce the padding below page titles.
  • Change the border and margin below page titles.
  • Change page title letter spacing.
  • Change the color of post titles on archive pages.
  • Prevent the author from showing.
  • Move post date to below page title on single posts and the blog page.
  • Hide post date, taxonomies, tags and categories.
  • Change the comments titles font size.

Footer Options

  • Choose a background color for the site footer.
  • Choose the background image of the site footer.
  • Extend the footer background behind the footer widget area.
  • Change the footer text color.
  • Change the footer link color.
  • Reduce margine above widgets.
  • Widget area font size.
  • Choose a default color for the social icons.
  • Replace footer logo / title with social icons.
  • Hide site info area in the footer.
  • Hide footer logo / title in the footer.
  • Change the font case of the footer site title.
  • Remove the “Powered by WordPress” text displayed in the website footer.

General Color Options

  • Change the primary color.
  • Change the primary link color.
  • More coming soon … request a feature in the Support Forum!

… and the following options 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.
  • 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 breakpoint for the mobile menu.
  • Style the primary menu items on larger screens.
  • Hide the submenu toggles on the primary menu on larger screens.
  • Inject a search function into the primary navigation.
  • Remove “Tag: ” and “Category: ” prefix in archive titles.
  • 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 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 Template.
  • Remove the word “Published” before the date on posts and words “Published in” on attachment pages.
  • Increase the size of social link icons on larger screens.
  • Fix social links to the left or right on larger screens.
  • Add Linkedin, Telegram and Xing icons to 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 to replace “Proudly powered by WordPress”.
  • Turn Dark Mode on by default.
  • Choose a Dark Mode background image.
  • More coming soon

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.

Reviews

اپریل 3, 2021
its all in the title 🙂 Saved many hours of pulling my hair out trying to figure things out. Essential plugin for twenty twenty one theme if you aren't a dev and even if you were, would save you hours writing something custom.
اپریل 2, 2021
This plugin gave me the ability to create the website I wanted, and the developer was great at answering my questions. He helped me clear some things up so I could create the look I was going for.
اپریل 1, 2021
Confused as usual starting a new project; support was there for me all the way. The theme is versatile and easy to use. I've personally only tried about a dozen themes over the years and I can't imagine a better one. All of my plug-ins work perfectly. Highly recommend!
اپریل 1, 2021
Reworking an old site that was bristling with complicated customisations. Options with Twenty TwentyOne makes things so flexible yet straightforward, removing need for any other tricky coding or plugins. Author's response to questions and suggested additions has just been incredibly helpful! Hugely recommended! Stuart3BR
مارچ 19, 2021
Options for Twenty Twenty-One adds very useful features. For example it provides a good deal of control over white space. The width of content can be easily changed, as can various padding settings. It allows the logo to be sized as you want - from tiny to essentially full width of the window. There are many other really useful settings giving you control of the look and feel of your site. Response to problems or requests is just plain awesome. You are made to feel like the most important customer and your issues are handled expeditiously - sometimes withing hours! This plugin makes the Twenty Twenty-One theme really versatile and allows you to define the appearance in great detail. Absolutely a must-have!
پروری 24, 2021
I had to convert my site from a theme which worked well a few years ago. But it was never updated, despite paying a fee at the outset. Lacking confidence in back end software, I wasn't looking forward to the task. Moving to Twenty TwentyOne has proved much more straightforward than expected. A large navigation menu is critical to my site and this works well. I was also anxious to have a sidebar and I've been able to accommodate this. I've also been pleasantly surprised that my feedback comments have been very swiftly absorbed into updates. These were important to me but seemed very trivial for the bigger picture.
Read all 29 reviews

Contributors & Developers

“Options for Twenty Twenty-One” is open source software. The following people have contributed to this plugin.

Contributors

“Options for Twenty Twenty-One” has been translated into 2 locales. Thank you to the translators for their contributions.

Translate “Options for Twenty Twenty-One” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

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 submenu 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 submenu 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 submenu 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 social 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 submenu 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

1.0.0

  • First version of the plugin