Home>Support>Video player

Video player

By Simon Pacey, 7 years ago. Last reply by Alex S, 7 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

i have set up an embedded video, with the site origin video player.

This is working as far as playing the video, however the widget itself (play button etc.) appears in blue on the page.
The shade of blue clashes with a shade of green that is part of the overall design of the site.

I can’t find anyway of changing this!

The theme is Parallax One.

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

  1. 7 years, 10 months ago Alex S
    Hi, I Work Here

    Hi Simon,

    Do you have a public URL where we can take a look at what’s going on?

  2. 7 years, 10 months ago Alex S
    Hi, I Work Here

    Hi Simon

    This looks to be happening due to theme CSS> You can change this with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Please add (and adjust) the following CSS:

    /* Video background */
.widget_sow-video .mejs-container, {
	background: #00f !important;
}

/* Video controls background */
.widget_sow-video .mejs-container .mejs-controls {
	background: #0f0 !important;
}

    You might also need to install the SiteOrigin CSS Editor.

  3. 7 years, 10 months ago Simon Pacey

    Installed the CSS editor and added your code now looking much better.

    Thank you, final question, is it possible to make a similar change to the progress bar as this is blue during play back.

  4. 7 years, 10 months ago Alex S
    Hi, I Work Here

    Hi Simon,

    Please add (and adjust) the following CSS to WP AdminAppearanceCustom CSS:

    .widget_sow-video .mejs-controls .mejs-time-rail .mejs-time-current {
    background: #0f0;
}

    You might also need to install the SiteOrigin CSS Editor.

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