WP ULike
Get Pro
Pro

Pro Customizer Sections

Live-preview styling for emoji reactions, star ratings, profiles, forms, and social buttons.

WP ULike Pro adds 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 — including Emoji Reactions and Star Rating when those templates are in use.

Emoji Reactions

Styles the Emoji Reactions engagement template. Configure which reactions appear under Settings → Content Types. Setup guide: Emoji Reactions & Star Ratings.

Reactions

ControlWhat it styles
Reaction Button Size
Hit area for each reaction (px)
Emoji Size
Glyph size inside the button
Reaction Spacing
Gap between reactions
Reaction Border
Border around each reaction chip
Accent Color
Accent CSS variable for the widget
Reaction Hover Background
Background on hover
Selected Reaction Background
Background for the visitor’s chosen reaction

Trigger (Hover mode)

ControlWhat it styles
Trigger Padding
Padding on the hover trigger control
Trigger Border
Border on the trigger
Picker Border
Border around the hover picker bar

Inline picker mode still uses the Reactions controls above; trigger controls mainly affect Hover mode.

Star Rating

Styles the Star Rating engagement template.

ControlWhat it styles
Star Size
Size of each star
Star Spacing
Gap between stars
Active Star Color
Filled / selected stars
Inactive Star Color
Empty stars
Rating Summary Typography
Average / count summary text

Both engagement sections include live preview in the customizer.

Profile Template

Styles the [wp_ulike_pro_completeness_profile] page.

ControlWhat 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

ControlWhat 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

ControlWhat 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

ControlWhat it styles
Typography
Base form text
Max Width
Form container width (default ~480px)
Form Margin
Outer spacing
Spacing
Gap between form rows

Inputs

ControlWhat 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

ControlWhat it styles
Color
Floating label default
Active Color
Label when field is focused

Button

ControlWhat 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
ControlWhat 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.

ControlWhat 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

ControlWhat it styles
Color
Network icon color
Width / Size
Icon box and glyph size

Text

ControlWhat 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: Emoji Reactions & Star Ratings · Button Templates · Profiles Settings

Related articles

Continue with these guides