How do I make my own audio button?

Card Design
1

Hi all!
I am new to Anki.
How do I make a play button like this?
https://www.oxfordlearnersdictionaries.com/external/images/documents/audio_bre_initial.svg
Thanks in advance!

2

You can add something like this to your styling section:

.soundLink {
    background: url(https://www.oxfordlearnersdictionaries.com/external/images/documents/audio_bre_initial.svg) no-repeat;
    width: 64px;
    height: 64px;
}
.playImage {
	display: none;
}

This links directly to the website. However I recommend downloading the image, renaming it such that it starts with an underscore (e.g. _audio.svg) and putting it in your media folder, then changing the above code to the following:

.soundLink {
    background: url("_audio.svg") no-repeat;
    width: 64px;
    height: 64px;
}
.playImage {
	display: none;
}
1 Like
3

Thanks my Friend!

4

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.