x

Apple badge incomplete after embed

Hi,

I've embedded the code for a 'Listen in iTunes' (podcast) onto a page in my Weebly website, but it's incomplete, with the bottom and right-hand side edges missing. Here's the code:

<a href="https://itunes.apple.com/au/podcast/tales-less-told-unconventional-lives-in-africa-beyond/id14510778..." style="display:inline-block;overflow:hidden;background:url(https://linkmaker.itunes.apple.com/en-us/badge-lrg.svg?releaseDate=2019-02-01T00:00:00Z&kind=podcast...) no-repeat;width:133px;height:34px;"></a>

467 Views
Message 1 of 4
Report
3 REPLIES 3
Square

Can you post a link to the page of your site where you added that, @TLT? It'll help to see the code in action.

458 Views
Message 5 of 4
Report

453 Views
Message 5 of 4
Report
Square

It seems like the width and height styling are too small for the size of the background image. Try this instead, I just bumped up the width and height:

<a href="https://itunes.apple.com/au/podcast/tales-less-told-unconventional-lives-in-africa-beyond/id14510778..." style="display:inline-block;overflow:hidden;background:url(https://linkmaker.itunes.apple.com/en-us/badge-lrg.svg?releaseDate=2019-02-01T00:00:00Z&kind=podcast...) no-repeat;width:165px;height:40px;"></a>

448 Views
Message 5 of 4
Report
This thread has been archived and locked. Please start a new thread if you would like to continue the conversation.