Pro Customizer Sections
Live-preview styling for profiles, login forms, and social share buttons.
WP ULike Pro adds three customizer panels with live preview — change colors and spacing and see the result instantly.
WP ULike → Customize
Free sections (Button Templates, Toast Notifications) apply to everyone. Pro adds the sections below.
Profile Template
Styles the [wp_ulike_pro_completeness_profile] page.
Header
| Control | What it styles |
|---|---|
Name Typography | Display name font, size, color |
Desc Typography | Bio / description text |
Avatar Size | Profile photo dimensions |
Action Buttons Typography / Border / Background / Hover Background / Padding | Edit profile, logout, and similar header buttons |
Custom Info Typography | Custom HTML block in the info area |
Badges
| Control | What it styles |
|---|---|
Title Typography | Badge headline |
Subtitle Typography | Badge subtext |
Badge Item Padding | Space inside each badge card |
Badge Item Hover Background | Hover state on badge cards |
Tabs
| Control | What it styles |
|---|---|
Menu Typography | Tab labels |
Menu Default / Hover / Active Color | Tab text colors |
Menu Border / Border Active Color | Tab underline or outline |
Menu Padding | Click area around each tab |
Left/Right Menu Default & Active Color | Side tab indicator bars |
Content Typography / Border / Padding / Background | Tab panel body |
Menu Background (Left/Right Side) | Sidebar tab rail background |
Configure tab content under Settings → Profiles → Tabs.
Login & Signup Forms
Preview shows login, signup, and reset forms stacked in the customizer.
Wrapper
| Control | What it styles |
|---|---|
Typography | Base form text |
Max Width | Form container width (default ~480px) |
Form Margin | Outer spacing |
Spacing | Gap between form rows |
Inputs
| Control | What it styles |
|---|---|
Typography | Input text |
Border | Default input outline |
Border Hover Color | Focus/hover outline |
Padding | Inner input padding |
Background Color | Input fill |
Border Radius | Rounded corners |
Error Border Color | Invalid field state |
Success Border Color | Valid field state |
Labels
| Control | What it styles |
|---|---|
Color | Floating label default |
Active Color | Label when field is focused |
Button
| Control | What it styles |
|---|---|
Typography | Submit button text |
Hover Color | Text on hover/focus |
Padding | Button inner spacing |
Background / Hover Background | Button fill colors |
Border / Border Radius | Button outline and corners |
Loading Spinner | Image shown while form submits |
Links
| Control | What it styles |
|---|---|
Link Color / Link Hover Color | “Forgot password”, “Create account”, etc. |
Field wording is under Settings → Translations → Strings, not the customizer.
Social Buttons
Styles [wp_ulike_pro_social_share] and social login button rows.
| Control | What it styles |
|---|---|
Max Width | Share row container |
Typography | Base share button text |
Background / Hover Background | Button fill (custom color skin) |
Border / Border Radius / Padding / Height | Button shape and size |
Icon
| Control | What it styles |
|---|---|
Color | Network icon color |
Width / Size | Icon box and glyph size |
Text
| Control | What it styles |
|---|---|
Text Typography / Text Color / Hover Color | Network name beside icon |
Share networks and layout (skin, shape, color mode) are configured under Settings → Share Buttons, not here.
Pro button template extras
On Button Templates, Pro also adds Dislike Image controls (Normal / Hover / Active) in the button group — same as like icons but for downvote buttons.
Related: Button Templates · Profiles Settings · Social Login & Share
Related articles
Continue with these guides
Did this article help?
Pick how you feel, add a note if you want, then hit Send. It takes two seconds and helps us improve this guide.