Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #173764

    Hi, using the text widget and HTML, I’m wanting to add an image but make it a link to a YouTube channel. When you click the image, it gives an error message. What am I doing wrong? Can you show me the correct HTML code to add please.

    Thanks.

    #173898

    Hello iamtherock03!

    Please take a look at this screenshot http://i.imgur.com/BkqsbJA.jpg

    Regards,
    Yigit

    #174572

    Hi Yigit, thanks but this still doesn’t work. Its giving me the same error message as before –
    Image cannot be loaded. Make sure the path is correct and image exist.

    If I code this as html in dreamwever, it does work perfectly. But it won’t work in WordPress.

    I must be doing something wrong.
    The end result I want is the same link that you get when you click on the social media links at the top right.

    In fact, I cannot create any links to YouTube on any page, even if its just a text link. I get the same error message.

    Hope you can help.
    Regards
    Chris

    • This reply was modified 1 year, 2 months ago by  Chris.
    • This reply was modified 1 year, 2 months ago by  Chris.
    • This reply was modified 1 year, 2 months ago by  Chris.
    • This reply was modified 1 year, 2 months ago by  Chris.
    #174666

    Hello!

    Can you post the link to your website?

    Best regards,
    Yigit

    #174762

    Hi, sure.
    its http://www.themagneticsband.co.uk/

    I have tried making this same link in the angular theme too and it won’t work.
    I’ve now used a plugin that pulls the videos from the youtube channel but all I want is to add an image into the footer, where the user can click on it and it will take you to the YouTube channel, not an actual video.

    Thanks
    Chris

    #174942

    Hi!

    Add the rel=”noLightbox” on the anchor tag:

    <a rel="noLightbox" href="http://www.youtube.com/watch?v=zHxCsMPCpCs&feature=youtube_gdata" title="Watch video The Magnetics Motown Medley published on 10 October 2013 | 9:44 am" rel="lightbox[auto_group1]"><span style="width: 220px; height: 165px; overflow: hidden; display: block; background: url(http://img.youtube.com/vi/zHxCsMPCpCs/0.jpg) 50% 50% no-repeat; background-size: 220px 165px;" title="The Magnetics Motown Medley" id="ytc_zHxCsMPCpCs"></span></a>

    You can also hide the youtube url using goo.gl or tinyurl.com.

    <a href="http://goo.gl/n4Mb2T" title="Watch video The Magnetics Motown Medley published on 10 October 2013 | 9:44 am" rel="lightbox[auto_group1]"><span style="width: 220px; height: 165px; overflow: hidden; display: block; background: url(http://img.youtube.com/vi/zHxCsMPCpCs/0.jpg) 50% 50% no-repeat; background-size: 220px 165px;" title="The Magnetics Motown Medley" id="ytc_zHxCsMPCpCs"></span></a>

    Cheers!
    Ismael

    #176063

    Hi Ismael, these are great options but I think I’ve confused everyone. Sorry.

    If you look at the site now (i’ve changed it back to what was there before), if you click on the image in the middle footer column, it gives you an error message. I want this link to be to the youtube channel page, not the actual video.

    Thanks
    Chris

    #176557

    Hey!

    Any link you want to not open in a lightbox needs to have the noLightbox class on it. So your image link just needs to be written like this:
    <a class="noLightbox" href="http://www.youtube.com/">your image or text here</a>

    Best regards,
    Devin

    #177170

    Devin, thanks a lot, this is exactly what I was after.

    Cheers
    Chris

Viewing 9 posts - 1 through 9 (of 9 total)

The topic ‘Footer text widget image link to YouTube channel’ is closed to new replies.