Skip to content

Instantly share code, notes, and snippets.

@ericakfranz
Created February 14, 2016 00:55
Show Gist options
  • Save ericakfranz/1f6d8771c796952df3db to your computer and use it in GitHub Desktop.
Save ericakfranz/1f6d8771c796952df3db to your computer and use it in GitHub Desktop.
Modify the Soliloquy play/pause icons.
/* Styles the Play button */
.soliloquy-controls-auto .soliloquy-controls-auto-item a.soliloquy-start {
width: 32px !important;
height: 32px !important;
background-color: rgba(0,0,0,0.7) !important;
background-image: url('YOUR_IMAGE_URL') !important;
background-size: 9px 14px !important;
}
/* Styles the Pause button */
.soliloquy-controls-auto .soliloquy-controls-auto-item a.soliloquy-stop {
width: 32px !important;
height: 32px !important;
background-color: rgba(0,0,0,0.7) !important;
background-image: url('YOUR_IMAGE_URL') !important;
background-size: 9px 14px !important;
}
/* Positions the play/pause button within the slider */
.soliloquy-container .soliloquy-controls-auto-item {
width: 32px !important;
height: 32px !important;
position: absolute !important;
bottom: 10px !important;
right: 10px !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment