Hello I used the Video Widget in the SiteOrigin Widget Bundle to embed a YouTube video on a page of my company’s website:
The control buttons in the widget (play/pause, volume, and full screen) all appear as rounded dark-blue squares. This is hard to see against the black background of the video control bar.
I am using a child theme created from Zerif Pro from ThemeIsle.
Please advise on how to get the buttons to display as proper symbols in a contrasting color (e.g. #ffffff):
-play/pause = triangle/double bars
-sound = speaker
-full screen = arrows
Also, I want to remove or make invisible the video widget’s center play button (the circle with the triangle) that lays on top of the standard YouTube play button (the red box with the triangle cutout).
Thank you for your help.
Hi,
This issue is caused by the following CSS added to your website:
.comment-form #submit, .comment-reply-link,.woocommerce .add_to_cart_button, .woocommerce .checkout-button, .woocommerce .single_add_to_cart_button, .woocommerce #place_order, .edd-submit.button, .page button, .post button, .woocommerce-page .woocommerce input[type="submit"], .woocommerce-page #content input.button, .woocommerce input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce-page input.button.alt, .woocommerce-page .products a.button { background: #002d62 !important; }Specifically – the instance of .page button in that selector. I’m unsure where this CSS is being generated but it may be from your theme. Unfortunately, this issue can only be resolved by removing this selector from your styling. I would recommend reaching out to your hosting provider for assistance with this – sorry mate.
I’d like to help you with this, but unfortunately, this is beyond the scope of the support we’re able to offer on our free forums. There is a fair amount of custom work involved.
We do offer this level of support to our premium users, so if you’d like to upgrade to SiteOrigin Premium, then I can help you over email support.
If you’d prefer not to upgrade to SiteOrigin Premium, then you can hire a WordPress developer from Codeable. They’ll charge you an hourly rate for any work done.
Hello Alex,
I sent a message to a rep from the theme developers. I will let you know what they say. Should I also reach out to GoDaddy, where we host our WordPress site?
Regarding the play button issue, I purchased a subscription to SiteOrigin Premium. My license number is Private Snippet
Please advise on the next steps.
Thank you for your help.
Have a great day,
Hi,
GoDaddy won’t be able to help with this issue – only the theme developers (or whatever is generating that CSS) will be able to resolve this issue.
You can change this with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Just add the following code.
.widget_media_video .mejs-overlay-play { display: none; }You might also need to install the SiteOrigin CSS Editor.
By the way, as you’re a premium user, you’re entitled to priority email support. If you would like to make use of that, please follow the instructions found on your Page: Dashboard (please refer to the support tab). Please reference this thread and include your SiteOrigin order key in the email.
Hello Alex,
Thank you for your help. The theme developers created a fix for the theme so SiteOrigin and Zerif Pro won't conflict in the video widget. They also shared the same CSS you provided to hide the overlay play button.
Both fixes worked as evidenced by the screenshot below:
Hi,
Awesome! :)
Is there anything else I can help you with?
There is. I am attempting to use the video widget to embed a video on the Webinars page of our website. I am working in our staging site:
http://e77.1e7.myftpupload.com/webinars/
When I copy and paste the link I want in the video widget, it is not allowing me to submit it, that is there are no "OK" or "Done" buttons as there are on the other Site Origin widgets. This is noted in the screen shot below:
[cid:62d59c8c-f659-4e02-84c8-89cf50e71de8]
Please advise. Thanks.
<http://e77.1e7.myftpupload.com/webinars/>
Hi,
Preface: For fast premium support, please send an email to Private Snippet
Unfortunately, our forums aren’t currently able to process attachments. Can you please upload the screenshot to a third party image hosting site like Imgur or vgy.me and send me a link? Sorry about this!
To clarify, are you using the Video widget or the SiteOrigin Video Player widget? I would recommend using ours and if you can’t see it in your widgets list, you can enable it by navigating to WP AdminpluginsSiteOrigin Widgets.