Styling and Components

Every PodcasterPlus block shares the same set of styling controls, and most of them offer separate values for desktop, tablet, and mobile. These guides explain each control so you can style a player that looks right on every screen.

Style controls

• Color: text, background, icon, and accent colors.
• Spacing: padding and margin around and between blocks.
• Sizing: width, height, and how blocks grow or shrink.
• Layout: arrange blocks with flexbox controls.
• Border: border width, style, color, and radius.
• Shadow: drop shadows for depth and emphasis.
• Display: show or hide blocks, including per device.

Looking for a specific block?

Each block also has its own settings. See The Blocks for the play button, progress bar, episode content, and more.