Builder Audio Block: Customizations

CSS Classes

Audio Player

.builder-module-block .it-bb-audio-player

.builder-module-block .it-bb-audio-player ul

Audio Cover

.builder-module-block .it-bb-audio-player .audio-cover-wrapper img

Audio Title

.builder-module-block .it-bb-audio-player .audio-title-wrapper

.builder-module-block .it-bb-audio-player .audio-title h1

Volume

.builder-module-block .it-bb-audio-player .volume-wrapper

Audio Main Controls

.builder-module-block .it-bb-audio-player .audio-controls-wrapper

.builder-module-block .it-bb-audio-player .audio-controls a

.builder-module-block .it-bb-audio-player .audio-controls a:hover

.builder-module-block .it-bb-audio-player .audio-controls a:active

.builder-module-block .it-bb-audio-player .audio-controls .repeat-off

.builder-module-block .it-bb-audio-player .audio-controls .shuffle-off

Progress & Duration

.builder-module-block .it-bb-audio-player .progress-timing-wrapper

.builder-module-block .it-bb-audio-player .elapsed

.builder-module-block .it-bb-audio-player .current-wrapper

.builder-module-block .it-bb-audio-player .progress-wrapper

.builder-module-block .it-bb-audio-player .duration-wrapper

Track List

.builder-module-block .it-bb-audio-player .playlist-wrapper

.builder-module-block .it-bb-audio-player .playlist li

.builder-module-block .it-bb-audio-player .playlist li a:hover

.builder-module-block .it-bb-audio-player .playlist li.jp-playlist-current a

.builder-module-block .it-bb-audio-player .playlist li .show-all-audio

.builder-module-block .it-bb-audio-player .playlist li .show-all-audio:hover

.builder-module-block .it-bb-audio-player .playlist li.jp-playlist-current .show-all-audio

Album Arvhive

.cover-column-wrapper

.description-column-wrapper

.it-bb-audio-wrapper .entry-title

.it-bb-audio-wrapper .itunes-link

.it_bb_audio.hentry

.it-bb-audio-wrapper

.it-bb-audio-wrapper a

.it-bb-audio-wrapper a:hover

.it-bb-audio-wrapper .album-cover

.it-bb-audio-wrapper .album-cover img

.it-bb-audio-wrapper .audio-controls-wrapper

.it-bb-audio-wrapper .audio-controls a

.it-bb-audio-wrapper .audio-controls a:hover

.it-bb-audio-wrapper .progress-timing-wrapper

.it-bb-audio-wrapper .current-wrapper

.it-bb-audio-wrapper .jp-current-time

.it-bb-audio-wrapper .progress-wrapper

.it-bb-audio-wrapper .progress

.it-bb-audio-wrapper .elapsed

.it-bb-audio-wrapper .duration-wrapper

.it-bb-audio-wrapper .jp-duration

Track List

.it-bb-audio-wrapper .playlist-wrapper

.it-bb-audio-wrapper .playlist.playlist-closed .jp-inactive

.it-bb-audio-wrapper .playlist.playlist-open .jp-inactive

.it-bb-audio-wrapper .playlist

.it-bb-audio-wrapper .playlist li

.it-bb-audio-wrapper .playlist li.jp-playlist-current

.it-bb-audio-wrapper .show-all-audio span

.it-bb-audio-wrapper .playlist li a

.it-bb-audio-wrapper .playlist .jp-playlist-current a

.it-bb-audio-wrapper .playlist li a:hover

.it-bb-audio-wrapper .playlist li.jp-playlist-current a

.it-bb-audio-wrapper .playlist li .show-all-audio

.it-bb-audio-wrapper .playlist li .show-all-audio:hover

.it-bb-audio-wrapper .playlist li.jp-playlist-current .show-all-audio

See also

• Builder Restaurant Block
  • Customization Examples
• Builder Church Block
  • Customization Examples
• Builder Events Block
  • Customization Examples
• Builder Audio Block
  • Customization Examples

← Back to Builder Codex Home