Subscribe Button Text

YouTube API doesn’t let us do that. But there are few other styles on YouTube API site, take a look at them, would you like to have any one of them?

Ahh I see, API restrictions. No problem on that.

I visited the link you gave me and I used the “Configure a Button” section.

It would be awesome is we could use the ‘Full Layout’ version of the button. Which displays the channel icon, channel name and subscribe button.

It gave us some script code to generate that button layout:

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

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

Here’s a screenshot

Thanks so much!

Got the ‘Full Layout’ working. Here’s how I did it.

Edited the file: /plugins/yourchannel/js/yrc-0.5-pro.js

On line 127:
<div class="g-ytsubscribe" data-channelid="'+ channel +'" data-layout="default" data-count="default"></div>\

Changed data-layout=”default” to data-layout=”full”

Edited CSS to include:
.yrc-subscriber { bottom: -57px; }

I had to edit the yrc-subscriber class because using the ‘full’ layout (which includes the channel icon) mis-aligned the entire DIV, so changing the bottom moves it back down into place.

Done. Let me know if this wasn’t the correct way to change the layout.
Here’s a screenshot

And thanks for originally linking me to the YouTube API page!

Oh wow, that’s great. I was actually adding these options in the YourChannel edit form and was going to provide you modified version.

I just came here to check the style you said and you’ve done it. Bravo.
We’ll have these options in the next version, so you won’t have to edit the files.

Cheers.

Cool! Thank you for being so responsive. And thanks for adding this as an option in the new version. Excited to give it a try.

By the way, I forgot to mention an issue with the subscribe button on mobile screen dimensions. When screen size (width) gets to around 510px, the subscribe button is centered and interferes with the yrc-menu-items div class. The two actually overlap. So I went ahead and edited the mobile css to hide the subscriber button on mobile devices.

For us, it’s ok, but for others it may not be ok to hide the subscribe button. So you may want to look into other options.

I simply edited the css file:
/plugins/yourchannel/css/style-0.5-pro.css

Added to Line 326:
.yrc-mobile .yrc-subscriber{ display: none; }

The button is now hidden on screen sizes of 510px (width) and lower.

Take care