No. 45 of 106

WPForms Styler

Styles for WPForms.

Section 01

Card Styles

Seven wrapper looks for the form container — from a bare form to gradient-bordered cards.

1
White Card + Shadowwrap_style = card
2
Soft Tinted Cardwrap_style = tinted
3
Dark Cardwrap_style = dark
4
Glassmorphismwrap_style = glass
5
Accent Top Borderwrap_style = accent
6
Gradient Borderwrap_style = gradient
7
None (bare form)wrap_style = none — inherits your page background
Section 02

Input Styles

Six field looks that apply to text inputs, textareas and dropdowns alike.

1
Outlinedinput_style = outline
2
Filledinput_style = filled
3
Underlineinput_style = underline
4
Pillinput_style = pill
5
Soft Shadowinput_style = soft
6
Neumorphicinput_style = neo
Section 03

Focus Effects

Click into any field below to see how it reacts when the visitor starts typing.

1
Accent Glowfocus_effect = glow
2
Accent Borderfocus_effect = border
3
Lift Upfocus_effect = lift
4
Nonefocus_effect = none
Section 04

Submit Button Styles

Six button designs — hover each one to see its animation.

1
Solidbtn_style = solid
2
Gradientbtn_style = gradient
3
Outlinebtn_style = outline
4
Pillbtn_style = pill
5
3D Blockbtn_style = block3d
6
Glowbtn_style = glow
Section 05

Button Width & Alignment

Keep the button compact and align it left, center or right — or stretch it full width.

1
Auto Width — Leftbtn_width = auto, btn_align = left
2
Auto Width — Centerbtn_width = auto, btn_align = center
3
Auto Width — Rightbtn_width = auto, btn_align = right
4
Full Widthbtn_width = full
Section 06

Label Modes

Show labels above the fields, or hide them for a clean placeholder-only form (set placeholders in WPForms).

1
Labels Above Fieldlabel_mode = top
2
Labels Hiddenlabel_mode = hidden
Section 07

Accent Colors

One color picker recolors the focus ring, checkboxes and the submit button.

1
Violetaccent_color = #FFD60A
2
Oceanaccent_color = #FFD60A
3
Emeraldaccent_color = #FFD60A
4
Sunsetaccent_color = #FFD60A
5
Roseaccent_color = #FFD60A
6
Charcoalaccent_color = #2d3436
Section 08

Custom Form Header

Add an icon, title and subtitle above any form — or leave it off for a bare form.

1
Icon + Title + Subtitleshow_header = yes
2
Different Iconheader_icon = headset
3
No Headershow_header = off
1
MidnightDark card + Filled inputs + Gradient button
2
FrostedGlass card + Pill inputs + Pill button
3
BoldAccent border + Underline + 3D Block