Consistent styling improves trust and click-through rates on monetized blocks.
When to Use This Guide
Use this before publishing new monetized content, changing integrations, or troubleshooting connection issues.
Before You Start
- You are logged into WordPress with an Administrator account.
- You can access PassiveWP -> Settings.
- You have any required keys or partner credentials ready.
Exact Menu Path
WordPress Admin -> PassiveWP -> Settings -> Design
Step-by-Step Walkthrough
Step 1: Open Settings > Design and preview block appearance on a staging post.
Where to click WordPress Admin→PassiveWP→Settings→Design
What to do In WordPress Admin→PassiveWP→Settings→Design, open preview with real product blocks, check button contrast and text legibility on desktop/mobile, then adjust and save.
How to verify CTA buttons, price text, and badges should be readable on both desktop and mobile preview.
Step 2: Match fonts, spacing, and button styles to your site identity.
Where to click WordPress Admin→PassiveWP→Settings→Design
What to do In WordPress Admin→PassiveWP→Settings→Design, change one style setting at a time, save, and preview product blocks on desktop and mobile.
How to verify After saving, reload the Design tab and confirm your theme settings are still selected.
Step 3: Check mobile spacing and button tap targets.
Where to click WordPress Admin→PassiveWP→Settings→Design
What to do In WordPress Admin→PassiveWP→Settings→Design, change one style setting at a time, save, and preview product blocks on desktop and mobile.
How to verify CTA buttons, price text, and badges should be readable on both desktop and mobile preview.
Step 4: Test one contrast-forward CTA style against your current baseline.
Where to click WordPress Admin→PassiveWP→Settings→Design
What to do In WordPress Admin→PassiveWP→Settings→Design, open preview with real product blocks, check button contrast and text legibility on desktop/mobile, then adjust and save.
How to verify CTA buttons, price text, and badges should be readable on both desktop and mobile preview.
Step 5: Save only after desktop and mobile QA.
Where to click WordPress Admin→PassiveWP→Settings→Design
What to do In WordPress Admin→PassiveWP→Settings→Design, change one style setting at a time, save, and preview product blocks on desktop and mobile.
How to verify CTA buttons, price text, and badges should be readable on both desktop and mobile preview.
Quick Troubleshooting Checks
- Re-open the same settings tab and confirm values are still present.
- Run the built-in test for that integration (Amazon/OpenAI/MaxMind).
- If a key is defined in wp-config, update it there instead of the UI field.
Common Mistakes to Avoid
- Leaving defaults in place without checking if they match your niche.
- Ignoring failed connection tests before publishing monetized content.
- Using invalid or expired credentials and expecting background jobs to recover.
Success Checklist
- Connection test returns success.
- Defaults match your target country and monetization style.
- A test post renders correctly on desktop and mobile.
Pro Tips for Affiliate Marketers
- Re-test credentials after rotating keys.
- Keep credentials in one secure document so your team stays synced.
- Review settings monthly, especially before seasonal campaigns.
If You Get Stuck
Open the matching troubleshooting article in this help center and repeat one step at a time instead of changing multiple settings at once.
