Change Border Radius

PinkDocs lets you control how rounded or sharp your documentation UI looks by adjusting the border radius for buttons, cards, and inputs.

Step 1: Open Border Radius Settings

1. Go to your WordPress Dashboard
2. Click PinkDocs → Appearance
3. Scroll down to the Border Radius section

Step 2: Choose a Border Radius Style

You’ll see multiple preset options that control roundness across your docs:

• None (0px) – Sharp, boxy UI
• Small (4px) – Subtle rounding
• Medium (8px) – Balanced and modern (recommended)
• Large (12px) – Softer UI
• XL (16px) – Very rounded
• Full (24px) – Fully pill-shaped elements

Simply click any option to select it.

Step 3: Preview the Changes Live

Under Live Preview, you can instantly see how the selected radius applies to:

• Cards
• Buttons
• Text inputs

This helps you visually decide what best fits your brand style before saving.

Step 4: Save Your Settings

Once you’re happy with the look, click Save Settings to apply the border radius across your documentation frontend.

What This Affects

The selected border radius is applied consistently to:

• Buttons and CTAs
• Cards and containers
• Form inputs and UI elements

Border radius changes affect the frontend documentation only, not the WordPress admin area.

Design Tip

• Small–Medium → Clean, professional, SaaS-style docs
• Large–Full → Friendly, modern, consumer-style UI
• None → Technical or developer-focused documentation

Your PinkDocs UI now feels cohesive and intentional ✨