Essential Grid - Play Button not showing - Date Format Strange - API Restriction Error

[texaskiwi13]

Hi team,

I’ve created an essential grid for a YouTube stream, and have a few questions:

1. The play button is not showing on hover. I’ve tried the default skin and creating a custom one, and it doesn’t show up on either.

2. The date format is pulling through really weird. It shows correctly in the first essential grid, but in the others, it’s not showing normally, even though they are all using the same skin.

3. When I tried restricting the YouTube API key, I got a couple of errors. I’ve attached a screenshot of what I entered, can you please advise what I’ve done wrong?

4. The sermon series videos are displaying with a black bar on the top and on the bottom of the video, but the past sermon videos are not. They are using the same skin and the videos uploaded to youtube are the same ratios as far as I can tell. (note that the date is correct format, and no black bars on the past sermons grid, but on the sermon series grids, the date format is incorrect and the bars are showing…I copied all of the sermon series grids from the past sermons grid, so the setting should be the same (minus how many rows are displayed…maybe the date format and black bar issues are related?)

Can you please advise on the above?

Thanks,
Ashley

(note, the essential grid is on the sermons page)

[ruenel]

Hello Ashley,

Thank you for the very detailed post information.

I have logged in and investigated your issue.

1.) The play icon button is not displayed because you opted to when the media is a video.

• 

To get this resolved, please edit your skin and then select the Play icon button. In the Layer Settings > Show/Hide tab, and select “Show” in the “If Media is Video” option.

2.) The date format is different when displaying the Single Playlist as your source of videos.

• 

3.) Please use the any subdomain or path URLS in a single domain suggestion.

4.) I am not seeing a black bar when I view the video.

• 

Hope this helps. Please let us know how it goes.

[texaskiwi13]

Thank you!

1. Well that’s silly! That setting was setup in the template they supplied. I’ve fixed it now. Resolved

2. Is it possible to make the date format “normal” when you are playing from a single playlist? Can you advise?

3. There isn’t an option to “select” what you said. Those are just bullet points giving examples of what you can do. As you can see in the screenshot, that is what I entered, but then I got an error and it wouldn’t load the playlist. Can you please advise?

4. the black bar is showing, not when you open the Lightbox, but then you are viewing the grid. See screenshot. Can you advise?

Thank you!

[albrecht]

Hi Ashley,

Here are the answers for the remaining points.

2. Try to update the date field from %date% to %date_month% %date_day% %date_year%.
3. Have you tried adding this *.lifezone.church/* ?
4. Looks like it could be a problem on the thumbnail size you set on youtube, please try this quick css fix if it will work for you

[data-skin="sermons-series-skin"] .esg-entry-media {
    padding-bottom: 56.25% !important;
}

Hope it helps.

[texaskiwi13]

2. This returns blank, any other ideas?
3. that worked
4. thanks! I’ve talked to the client to adjust this

[christian]

Hey Ashley,

Your source type is currently Text/HTML.

Try using the Post source type and choose the appropriate element.

I can only suggest because I couldn’t test because the grid can’t be previewed.

I just hope that helps.

[texaskiwi13]

Gutted. That means your solution to 3. Didn’t work.

[christian]

Hey Ashley,

You said the solution to 3 worked.

I believe you mean issue 2? If so, regretfully, those are the only options offered by the Essential Grid. We need to forward this case to the Essential Grid developer, ThemePunch so they will fix this issue in their plugin.

Please stay tuned for the next Essential Grid update maybe they will push a fix or detail to us what else can be done.

Thanks.