User Interface Settings

Updated Jan 26, 2026 Settings Reference

The User Interface settings tab allows you to customize the visual appearance of WordPress Download Manager throughout your site. Access these settings from Downloads > Settings > User Interface.

Color Scheme

Configure the primary colors used across all WPDM elements:

Setting	Description	Default
Primary Color	Main accent color for buttons and links	#3B82F6
Secondary Color	Supporting color for secondary elements	#64748B
Success Color	Color for success messages and actions	#10B981
Danger Color	Color for error states and delete actions	#EF4444

Typography

Font Family

Select the font family for WPDM elements:

Theme Default – Uses your theme’s font settings

System Font Stack – Uses system fonts for optimal performance

Custom – Specify a custom Google Font

Font Sizes

Element	Default Size	Range
Headings	18px	14px – 24px
Body Text	14px	12px – 18px
Button Text	14px	12px – 16px
Small Text	12px	10px – 14px

Button Styles

Button Shape

Rounded – Slightly rounded corners (default)

Pill – Fully rounded ends

Square – Sharp corners

Button Size

Small – Compact buttons for tight spaces

Medium – Standard button size (default)

Large – Prominent call-to-action buttons

Package Display

Default Template

Select the default link template for packages when none is specified:

Choose from installed link templates

Can be overridden per-package

Icon Settings

Setting	Description
Show File Type Icons	Display icons based on file extension
Icon Size	Small (16px), Medium (24px), Large (32px)
Custom Icon Pack	Upload custom SVG icon set

Dashboard Styling

User Dashboard Theme

Customize the appearance of the user dashboard:

Light – White background with dark text

Dark – Dark background with light text

Auto – Follows user’s system preference

Dashboard Layout

Sidebar – Navigation on the left (default)

Top Navigation – Tabs across the top

Minimal – Simplified single-column layout

Advanced CSS

Custom CSS

Add custom CSS rules that apply to all WPDM elements:

/* Example: Custom button styling */
.wpdm-download-link {
    border-radius: 8px;
    font-weight: 600;
}

CSS Class Prefix

By default, WPDM uses the wpdm- prefix for CSS classes. You can change this to avoid conflicts with other plugins.

Responsive Settings

Mobile Breakpoint

Set the screen width at which mobile styles apply:

Default: 768px

Range: 480px – 1024px

Mobile-Specific Options

Setting	Description
Stack Buttons	Stack buttons vertically on mobile
Reduce Padding	Use tighter spacing on mobile
Simplify Icons	Use simpler icons on mobile

Tips

Preview changes using the live preview button before saving

Use browser developer tools to test responsive settings

Custom CSS overrides take precedence over theme settings

Clear your cache after making changes for them to take effect