Justify Text Toggle

WHAT IT DOES

Justify Text Toggle is a browser extension that allows you to change text alignment on any webpage. You can toggle between left-aligned, justified, or center-aligned text on all paragraph elements or on all text elements on the page. The tool applies text-align: justify, text-align: left, or text-align: center using CSS !important rules to override the page's default styling. You can choose to apply the alignment to all text elements (p, div, article, section, main, aside, etc.) or only to paragraphs (p). The settings are saved per website, so you can have different alignment preferences for different sites. The tool includes a status indicator showing whether the alignment is active. The tool is ideal for users who prefer justified text for a clean, professional look, or who find left-aligned text easier to read.

WHERE IT RUNS

Justify Text Toggle runs on any webpage, overlaying a floating panel that does not interfere with page content. It operates entirely in your browser as a lightweight userscript, injecting CSS to override text alignment. It works on any page, whether static or dynamic, with no external dependencies. All settings are stored locally using GM_setValue—no data is ever sent to any server.

HOW TO USE

After installation, open the floating panel by clicking the extension icon. The panel shows the current status (Enabled or Disabled) and a toggle button to enable or disable the text alignment override. Use the "Alignment" dropdown to select the desired alignment: Left, Justified, or Center. The change is applied immediately to the page. Toggle "Apply to all text elements" to apply the alignment to all text-containing elements, or disable it to apply only to paragraphs (p). Click the "Reapply" button to reapply the alignment if it was removed by page changes. The alignment and settings are saved per website, so your preferences persist across visits.

REAL MECHANISM — WHY THIS WORKS

Most text alignment tools rely on modifying the body's style property, which can be overridden by the page's CSS or other scripts. Justify Text Toggle uses a combination of high-specificity CSS rules and direct style injection to ensure the alignment is applied reliably. The tool injects a style element with !important rules that apply the selected text-align value to the specified selectors. The selectors can be either "p" (paragraphs only) or a comprehensive list of text-containing elements including p, div, article, section, main, aside, and common content classes. This approach ensures that the alignment is applied to all text content regardless of the page's existing CSS. When the toggle is disabled, the injected style element is removed, restoring the page's original alignment. The alignment setting is stored in GM_setValue and automatically reapplied on page load. The tool also adds text-justify: inter-word for justified alignment to improve the quality of justification. This approach ensures consistent, reliable, and fully private text alignment control without requiring any external services or network access.

THE PANEL

The floating panel is fully draggable and remembers its position per site, snapping to the edges of the viewport when dragged near them. You can collapse the panel to a small icon to minimize screen distraction and expand it back with a single click. The panel is resizable from the bottom-right corner, giving you more space to view controls. Press the Escape key to close the panel instantly. The panel remains open across page navigation within the same domain, maintaining your current view state. All preferences—panel position, alignment selection, enabled state, and apply-to-all setting—are saved per domain for a seamless experience.

PLEASE NOTE

Justify Text Toggle requires the free BotGentz extension to be installed and enabled, as it relies on the cross-extension messaging API provided by BotGentz for DOM access permissions. The tool applies text alignment using CSS !important rules, which may conflict with page styles that also use !important. Justified text may create uneven word spacing on narrow columns or short lines. The tool works best on pages with reasonable line lengths. All settings are stored locally in your browser using GM_setValue. No page content, alignment data, or usage information is ever sent to any server. The extension does not read, store, or transmit any personal information. It only modifies CSS at your request.