Home>Support>Custom Play Button

Custom Play Button

By Leo 'Zx, 8 years ago. Last reply by SiteOrigin, 8 years ago.

Hi,
I am using Focus Pro
There is a sample for custom play button? can i create it by myself or it is downloadable content?

Thanks,
Leo

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

  1. 8 years, 8 months ago SiteOrigin
    Hi, I Work Here

    Hi Leo

    Thanks for reaching out.

    If you’re looking for help with sizing you could refer to the original play button:

    http://demo.siteorigin.com/focus/wp-content/themes/focus/images/play.png

    The setting is meant for an image. Yes, you can create one yourself. We don’t have any for download though.

    Hope that helps explain :)

  2. 8 years, 8 months ago Leo 'Zx

    Hi,
    Sorry for late reply, the original play button size is fixed or i can make it bigger than that? because i think i want to add my website logo into it, just like Youtube embeded player has Youtube logo in it.

    Thanks,
    Leo

  3. 8 years, 8 months ago SiteOrigin
    Hi, I Work Here

    You can try adjusting the size limit by adding the following to Appearance > Custom CSS:

    /* Play Button */

.slider .play {
    width: 97px;
    height: 97px;
    margin: -48px 0 0 -48px;
}

    Whatever you set the width and height to, the negative margin values must be half. So if you change the width and height to 100px each, the margin values must be -50.

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