# Podcast Player

**URL:** https://community.elfsight.com/c/css-codes/podcast-player/175.md

[Latest](https://community.elfsight.com/latest.md) · [Categories](https://community.elfsight.com/categories.md) · [Tags](https://community.elfsight.com/tags.md)

---

## [Flexible position changing (floating player)](https://community.elfsight.com/t/flexible-position-changing-floating-player/150817)

<div class="topic-metadata">

**Author:** [@Max](https://community.elfsight.com/u/Max)\
**Replies:** 0\
**Last updated:** [March 26, 2026, 11:59am UTC](https://community.elfsight.com/t/flexible-position-changing-floating-player/150817 "2026-03-26T11:59:19Z")

</div>

Add this code to the Custom CSS field on your Podcast Player widget’s Style tab: @external { \[class\*="FloatingSmall\_\_Container-sc"\] { left: revert; bottom: revert; right: revert; top: revert; } \[c…

---

## [Change Episode title size in (Embed layout)](https://community.elfsight.com/t/change-episode-title-size-in-embed-layout/25079)

<div class="topic-metadata">

**Author:** [@Max](https://community.elfsight.com/u/Max)\
**Replies:** 0\
**Last updated:** [November 9, 2023, 1:55pm UTC](https://community.elfsight.com/t/change-episode-title-size-in-embed-layout/25079 "2023-11-09T13:55:42Z")

</div>

Add this code to the Custom CSS field on your Podcast Player widget’s Style tab: \[class\*="Full\_\_Title-sc"\] { font-size: 28px; }

---

## [Increase episode image size](https://community.elfsight.com/t/increase-episode-image-size/25086)

<div class="topic-metadata">

**Author:** [@Max](https://community.elfsight.com/u/Max)\
**Replies:** 0\
**Last updated:** [November 9, 2023, 2:02pm UTC](https://community.elfsight.com/t/increase-episode-image-size/25086 "2023-11-09T14:02:58Z")

</div>

Add this code to the Custom CSS field on your Podcast Player widget’s Style tab: \[class^='PlaylistItem\_\_PlaylistItemComponent-sc-'\] \[class^='Image\_\_ImageContainer-sc-'\]{ height: 75px; width: 75px; }

---

## [Change link color in widget description](https://community.elfsight.com/t/change-link-color-in-widget-description/25088)

<div class="topic-metadata">

**Author:** [@Max](https://community.elfsight.com/u/Max)\
**Replies:** 0\
**Last updated:** [November 9, 2023, 2:12pm UTC](https://community.elfsight.com/t/change-link-color-in-widget-description/25088 "2023-11-09T14:12:01Z")

</div>

Add this code to the Custom CSS field on your Podcast Player widget’s Style tab: .global-classes, \[class^='Description\_\_Context'\] a { color: white !important; font-weight: bold !important; }

---

## [Set custom font for all elements (Podcast Player)](https://community.elfsight.com/t/set-custom-font-for-all-elements-podcast-player/25103)

<div class="topic-metadata">

**Author:** [@Max](https://community.elfsight.com/u/Max)\
**Replies:** 0\
**Last updated:** [November 9, 2023, 3:34pm UTC](https://community.elfsight.com/t/set-custom-font-for-all-elements-podcast-player/25103 "2023-11-09T15:34:49Z")

</div>

Although we do provide a list of fonts for you to choose for your widget, you might happen to need a custom code. If that is the case, add the code below to Custom CSS field on your Podcast Player widget’s Style tab: .…