WP Manifestindependent plugin directory
manifest / forms / floating-labels-forms

PhilDesigns Floating Labels for Forms

Transforms Contact Form 7 and Gravity Forms labels and legends into accessible CSS floating labels. Choose from three distinct styles per form or globally.

by PhilDesigns · github.com/phil-designs/floating-labels-forms · website

★ 0stars
0forks

Install

No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:

wp plugin install https://github.com/phil-designs/floating-labels-forms/archive/refs/heads/main.zip
Readme github.com/phil-designs/floating-labels-forms ↗

CSS floating labels for Contact Form 7 and Gravity Forms. Three styles, per-form overrides, and no external dependencies.

Tags: contact-form-7, gravity-forms, floating-labels, forms, css Requires at least: 6.7 Tested up to: 7.0 Requires PHP: 7.4 License: GPL-2.0-or-later

Description

Floating Labels for Forms transforms standard form labels and legends into accessible CSS floating labels — labels that start inside the field as a placeholder and glide above the input when focused or filled.

Labels remain in the DOM at all times; only their visual position changes. This keeps the form fully accessible and compatible with screen readers without any additional markup.

Features:

  • Three built-in styles: Underline, Outlined Box, and Padded Box
  • Set one style globally and override it per individual form
  • Colour palette editor with live colour pickers
  • Supports Contact Form 7 and Gravity Forms
  • No external JavaScript or CSS dependencies

Requirements

  • WordPress 6.7 or higher
  • PHP 7.4 or higher
  • Contact Form 7 and/or Gravity Forms

Website

https://phildesigns.com

Installation

  1. Upload the floating-labels-forms folder to /wp-content/plugins/
  2. Activate the plugin through the Plugins menu in WordPress
  3. Go to Settings → Floating Labels to configure styles

Changelog

1.0.0

  • Initial release