Okay
  Public Ticket #1016387
Play button for Nectar Slider
Closed

Comments

  •  2
    max started the conversation
    January 11, 2017 at 12:14am

    Hello,

    I would like to add a play button instead of text buttons to the video previews in the nectar slider slider of our home page. However, I only see the options for Solid Color BG, transparent BG with color border, ETC.


    How do I implement a change to a regular play button that still makes the video link appear in a light box?



  •  9,558
    Tahir replied
    January 11, 2017 at 10:29am

    Hey Again,

    You will have to add in custom html code in the Caption area to show a Play button like the Video Lightbox Element Does . 

    <a href="https://vimeo.com/118023315 " data-color="default" class="play_button large nectar_video_lightbox magnific-popup"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="600px" height="800px" x="0px" y="0px" viewBox="0 0 600 800" enable-background="new 0 0 600 800" xml:space="preserve"><path fill="none" d="M0-1.79v800L600,395L0-1.79z"></path> </svg></a>

    Bes.t

     Salient Support Team

  • Ryan replied
    April 22, 2017 at 12:33am

    Hey Tahir, is there a way to change the color of the play button in the a href you posted?

  •  9,558
    Tahir replied
    April 22, 2017 at 10:14am

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    .nectar_video_lightbox path {
    fill: #000 !important;
}
.nectar_video_lightbox.play_button:before {
    border-color:#000 !important;
}

    Thanks

     Salient Support Team