This feature is available on Podbean’s Unlimited Audio and above hosting plans.



The CSS Editor lets you customize the visual style of your podcast website.


How to Access the CSS Editor


  1. Go to Distribution → Podcast Website> Customize to enter the Theme Editor.

  2. In the right-hand Customizations panel, click CSS editor.

  3. Enter or paste your CSS code here.



Example: Edit CSS Using Chrome Developer Tools


  1. Open your live podcast website (not the Theme Editor preview).

  2. Right-click the element you want to customize and select Inspect.

  3. In the Elements panel, find the desired element and copy its CSS selector (Copy → Copy selector).

  4. Open CSS editor in the Theme Editor and paste the selector into the editor.

  5. Add your custom CSS rules, such as changing the title color. Changes appear immediately in the Theme Editor preview.

  6. Preview your changes, then click Save in the upper-right corner to publish them.


Important Note: 
Please copy the selector from your live podcast website. Selectors copied from the Theme Editor preview may not work correctly.