Home>Support>play button silder

play button silder

Hello –
with regards to the large play button on the slider – is there an easy work around – css or otherwise – where you can either : 1.) change the color , change the opacity, and get rid of the fill (only outline of play button circle and arrow) … or… 2.) upload a play button image of your choosing and have that replace the standard current one?

thanks – shane
shane-richardson.com

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 2 months ago Andrew Misplon
    Hi, I Work Here

    Hi Shane

    Please see my earlier thread about this. It would be best to upload your own button from Theme Settings.

  2. 10 years, 2 months ago Shane M Richardson

    hey andrew – thanks!

    i tried uploading different sizes png and jpg using the theme setting > video > play button (custom) – not working.
    any custom code that can point and designate that play button image i uploaded to the media gallery ..point and designate to the home main slider?

    thanks in advance – shane.

  3. 10 years, 2 months ago Andrew Misplon
    Hi, I Work Here

    If you’re just looking to change the opacity then the following under Appearance > Custom CSS will work:

    /* Focus Play Button */
    .slider .play {
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: 0.5;
    }

    Change 50 and 0.5 to the opacity you want. E.g: 60 and 0.6 for 60%.

  4. 10 years, 2 months ago Shane M Richardson

    Hey Andrew –
    thanks! – …unfortunately…this code doesn’t have any affect on the native / standard slider play button and its opacity.

    I’m at a loss. – i can’t figure this out – i attempted to uploaded a custom play button several times with the provided uploader.
    theme settings >
    video>
    custom play button

    nada! – it doesn’t show up.

    please advise! – thanks – shane.

  5. 10 years, 2 months ago Shane M Richardson

    Hey Andrew –
    updates! this just in! – i actually just figured the opacity – conflicting css code.
    your was spot on! thanks! – I’m wondering if thats the same issue for the uploader. maybe conflicting piece of code somewhere? hmmmm. thanks – shane
    [email protected]

  6. 10 years, 2 months ago Andrew Misplon
    Hi, I Work Here

    Glad that worked. If you aren’t happy with the play button and would like to go with your own send through a set of temporary login details to support@siteorigin. com and I’ll take a look.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More