download button – customise

In case the page is not displayed properly, here is a revised page, which shows the problem in tables 16,17,
https://www.jamesclifford.at/songstore-2011-tracks-edit-tries-dec-2018/
In the meantime, I shall also try various options
Best wishes
Cliff

Hi, the download button use to be a down arrow but in your case it has a “silent” class name instead of “map_download” that is preventing the correct display of the button.

Is it possible to change to an arrow, or to the word “download”? Please let me know how, or at least where to look. I have not knowingly made any changes inside the plugin css/html. Thanks. Cliff

Hi,
I don’t know what is changing the class name of the button on your environment.
you can add this to your css:

.mbMiniPlayer a.silent {
text-decoration: none;
display: inline-block !important;
vertical-align: middle !important;
margin: 0 !important;
padding: 0 5px !important;
font-family: “mb_audio_fontRegular” !important;
font-size: 50px !important;
line-height: 22px !important;
color: rgba(0,0,0,.2);
transition: color 1s;
-moz-transition: color 1s;
-webkit-transition: color 1s;
-o-transition: color 1s;
}

Thanks, once again. Unfortunately, I am a novice.
Add to which CSS do you mean (filename?) I assume you mean one within the plugin but there are a few. Thanks. Cliff

You can add it to your theme style.css file but if you update the theme you would lose the changes; better if to the child theme style.css file if you have a child theme. You can also add it to the miniplayer.css file inside the CSS plugin folder but here also if you update the plugin you would lose the changes.

Added it to child theme css, updated the file and the page but it made no difference. Also inserted a new track in the page but it still has the “d”.
Do you have any other suggestion(s)? Cliff

I can’t see the css class for the button here:
https://www.jamesclifford.at/wp-content/themes/twentytenjamesclifford/style.css

Where did you add it?

The plugin that is overwriting the css class is: inline-mp3-player:

Player.prototype.onSoundComplete = function() {
document.getElementById(this.id).className = ‘silent’;
hideslider();
this.sound.start(0,1);
this.sound.stop();
this.hidden = 1;
this.song = ”;
this.playing = false;
this.id = ”;
}

in https://www.jamesclifford.at/wp-content/plugins/inline-mp3-player/javascripts/Player.js

• This reply was modified 5 years, 10 months ago by pupunzi.

Thanks
I have now deactivated the “in-line player” and the arrow in mb.mini has appeared. That’s great!

Ultimately, the “mb.mini with pdf and mp3 download” will replace the “in-line player with wp-estore”, but I need to re-arrange all the existing song tables, replacing and adding songs (c. 180 in total).
As I have deactivated the in-line player, is mb.mini somehow playing the existing songs, even though I have not linked it to them? As I say I am a novice and I see no other mp3 player active on my WP site. I assumed that by deactivating the in-line player, I would only get text instead of a player in the existing tables. It’s what happened earlier, when I deactivated it. Or should I be changing the in-line player code and keep it active while allowing the mb.mini to function with the correct download code?

Sorry for the confusion around the code you sent earlier for adding to the child theme. I added the code but as it did not do anything, I deleted it again. I’ve put it back in.

Apart from the confusion about what is playing the existing mp3 files, can I now assume it’s OK to continue changing from the in-line player to the mb.mini link format? i.e. almost time to make a donation to you ??