#001
Podcast Title
Date:
A responsive podcast list with a three column grid layout with a podcast ID field, description and a link to the episode.
Podcast Search List
ThemeKit 2024
Podcast List
#002
Search
Date:
The search function has an input field for entering keywords and a refresh action tab with an SVG icon.
#003
Vertical Align
Author: EverWeb Widgets
The h2 with the episode number can be vertically aligned at the top or the center.
The link to the podcast can be vertically aligned top, center or bottom.
#004
Links
The links have common link text with the default being the standard "read more" icon.
They have controls for font size, color, border radius, background and hover background.
#005
Separator
The separator has controls for percentage width, height, color and style - dashed, dotted, double and .solid.
#006
Bottom Links
The optional bottom links can open internal or external pages and are designed to link to the previous and next list of podcasts.
#007
Search Box
The search box has controls for font size, color, background color border color. The refresh icon has a control to set its color.
Hero
Hero
The home page hero is the first item new visitors will see so it needs to create a good impression and portray the vibe of the podcast.
To create an identity the hero can show the podcaster, the studio or a representative image of the subject matter.
The ThemeKit Podcast hero inserts the image in three sizes for the various devices. The image has an opacity silder which is used in conjunction with the selected background color to reduce its intensity if required.
Content
The podcast hero has …
- An optional logo/internal link at the top left
- A heading with its own Google hosted font & options for a text shadow & letter spacing
- A text block &anp two optional internal links
- Controls for height & phone portrait height.
Menu