Slider pause play button

[DaleB]

I am using the weaverx theme with the plus plugin. I would like to use the “don’t autostart animation” option on a slider. It appears the only way to start the animation manually is with the “pause play button”. Am I correct in thinking I will need to modify the existing “pause play button” to add a label  to the button?

[Weaver]

The Play/Pause button will be the universally recognized pause and play symbols displayed using the link color of you theme.

There is no provision for adding text labels. The Pause/Play icons are in fact icons provided by the underlying FlexSlider script.

It should be possible to modify the following CSS to provide custom Icons/labels for the defaults:

/*

---

  Pause/Play

---

*/
.atwk-pauseplay span {
    text-transform: capitalize;
}

.atwk-pauseplay a {     /* position the pause play button */
    display: block;
    width: 25px;
    height: 25px;
    position: absolute;
    bottom: 20px;
    left: 20px;
    opacity: 0.8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #ccc;
    text-shadow: 5px 2px 4px black;
}
.atwk-pauseplay a:before  {
    font-family: “flexslider-icon”;
    font-size: 20px;
    display: inline-block;
    content: ‘f004’;
}
.atwk-pauseplay a:hover {
    color:#888;
    opacity: 1;
}
.atwk-pauseplay a.atwk-play:before {
    content:  ‘f003’;
}

[DaleB]

Thank you. I thought that might be the case. I appreciate your help with this question.

[Author]

Posts