0

When I embed my Youtube channel using the official embed code on Google Devs https://developers.google.com/youtube/youtube_subscribe_button it is cutting off the corners of my image resulting in white corners, since my website has a black background it's not looking good at all.

    <script src="https://apis.google.com/js/platform.js"></script>

<div class="g-ytsubscribe" data-channel="GoogleDevelopers" data-layout="full" data-theme="dark" data-count="default"></div>

https://imahappy.eu/ - Issue I have

is it possible to style the .yt-thumb {background: #f1f1f1;} as removing this from the Element Inspector fixes the issue.

Thank you in advance! :)

1 Answers1

0

You can't directly edit the iFrame itself due to CORS restrictions. I see a workaround here though. Youtube gives your the possibility to generate a button without the channel picture. So you can take the button and use the image separately.

A sidenote: I noticed you have an eu domain and you also address eu citizen. Directly embedding the Youtube subscribe button is against GDPR regulations in the EU. Your site also doesn't have a proper impress with all your contact details.

Citrullin
  • 2,093
  • 11
  • 26