Twenty Seventeen header YouTube video now shows video title name

Hi @coffee_king!

From the Header Media, the YouTube video title can be hidden using CSS code. In your site dashboard, go to Appearance > Customize and select “Additional CSS” and add this code and save:

.ytp-title-link?{?    
     display: none;
}

Doesn’t do anything I’m afraid. and I’m in Appearance > Customize and select “Additional CSS”

Hi @coffee_king!

In Appearance > Customize, click “Additional CSS”. It will display a box where you can add the CSS code below, then click “Save”.

.ytp-title-link {?    
     display: none;
}

After you add this code, check your site again to see if the YouTube video title is removed.

Hi

What I mean is that that code does nothing to remove the video title when added into that area I’m afraid.

I see, thanks for clarifying that @coffee_king.

Try these two codes and see if any of them works for you:

.ytp-title-enable-channel-logo .ytp-title?{	?    
    display: none;
}

Or

.ytp-embed:not(.ad-showing) .ytp-title-text?{
?    display: none;
}

Hi

Sorry but neither of these work. See my screenshot. I don’t know why a red dot is being added though.

https://prnt.sc/X6kN5oxAD4Bt

Thanks

Hi @coffee_king

Thanks for sharing a screenshot. Upon checking this further, the CSS didn’t work because is in an iframe. In the past, there were parameters you can add to the embed code to hide the title but this no longer works. Instead of a Youtube link, try to upload the video to your Media and use that for the header.