Download button

Resolved vifcoyot
(@vifcoyot)

13 years, 6 months ago
Hi,

The download button is very small, i’d like to have it bigger. So I’ve tried to modify the font size in CSS properties in css/miniplayer.css :
```
.mbMiniPlayer .map_download{
  display: inline-block !important;
  vertical-align: top !important;
  margin: 0 !important;
  padding: 3px 5px;
  font:40px/22px "mb_audio_fontRegular";
  color: #d1d1d1;
  text-shadow: 0 0 3px rgba(255,255,255,0.6);
```
But nothing change and I don’t understand why… could you help me please ?

http://ww.wp.xz.cn/extend/plugins/wp-miniaudioplayer/

Viewing 5 replies - 1 through 5 (of 5 total)

Plugin Author pupunzi
(@pupunzi)

13 years, 5 months ago
On my test site, changing the font size works:
```
.mbMiniPlayer .map_download {
    color: #D1D1D1;
    display: inline-block !important;
    font: 50px/22px "mb_audio_fontRegular";
    margin: 0 !important;
    padding: 3px 5px;
    text-shadow: 0 0 3px rgba(255, 255, 255, 0.6);
    transition: color 1s ease 0s;
    vertical-align: top !important;
}
```
Thread Starter vifcoyot
(@vifcoyot)

13 years, 5 months ago

Thank you for your answer, but it doesn’t work on my site… it seems to be 10px sized, and it doesn’t change at all when i modify the size.

I also tried with your css property : always the same… what could be wrong on my site ?

Thread Starter vifcoyot
(@vifcoyot)

13 years, 5 months ago

I found the problem : it’s because of my theme (Third Style). It works perfectly with others like Twenty Ten.

Thanks for your help anymore.
Plugin Author pupunzi
(@pupunzi)

13 years, 5 months ago
So, if your theme is overwriting the CSS property just add !important to the font size value on the miniaudioplayer css:
```
.mbMiniPlayer .map_download {
    color: #D1D1D1;
    display: inline-block !important;
    font: 50px/22px "mb_audio_fontRegular" !important;
    margin: 0 !important;
    padding: 3px 5px;
    text-shadow: 0 0 3px rgba(255, 255, 255, 0.6);
    transition: color 1s ease 0s;
    vertical-align: top !important;
}
```
This should solve the problem leaving the Theme css as is.

Bye,
M
Thread Starter vifcoyot
(@vifcoyot)

13 years, 5 months ago

It works nicely, you’re the best 😉

Thank you very much, and a Merry Christmas !

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Download button’ is closed to new replies.