Text Size Adjust

Description

Text Size Adjust is a powerful WordPress plugin that allows you to globally configure text sizes for your website. It provides separate configurations for desktop and mobile views, ensuring optimal readability across all devices.

Key Features

• Seven predefined text sizes (XXS, XS, S, M, L, XL, XXL)
• Separate desktop (769px and above) and mobile (768px and below) configurations
• Real-time preview in the settings panel
• Integration with the WordPress block editor
• Compatible with default WordPress font size classes
• Simple class-based implementation
• Selective page-specific text size adjustments through admin panel checkboxes

Usage

1. In the Block Editor:

   • Select any text block
   • Use the “Text Size Settings” panel in the sidebar
   • Choose from available size options

2. In HTML/CSS:

   • Add the class has-text-[size] to any element
   • Available sizes: xxs, xs, s, m, l, xl, xxl
   • Example: <p class="has-text-m">Medium text</p>

3. In Admin Settings:

   • Navigate to Settings > Text Size Settings
   • Configure global text sizes for desktop and mobile
   • Use checkboxes to select specific pages where text size adjustments should apply

WordPress Font Size Compatibility

The plugin automatically maps WordPress default font size classes to corresponding plugin sizes:

• has-small-font-size → has-text-s
• has-medium-font-size → has-text-m
• has-large-font-size → has-text-l
• has-x-large-font-size → has-text-xl
• has-xx-large-font-size → has-text-xxl

Default Size Values

Desktop (769px and above):
* XXS: 12px
* XS: 13px
* S: 14px
* M: 16px
* L: 18px
* XL: 24px
* XXL: 32px

Mobile (768px and below):
* XXS: 10px
* XS: 11px
* S: 12px
* M: 14px
* L: 16px
* XL: 18px
* XXL: 20px