WordPress.org

Ready to get started?Download WordPress

Forums

  1. vifcoyot
    Member
    Posted 2 years 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://wordpress.org/extend/plugins/wp-miniaudioplayer/

  2. pupunzi
    Member
    Plugin Author

    Posted 2 years 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;
    }
  3. vifcoyot
    Member
    Posted 2 years 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 ?

  4. vifcoyot
    Member
    Posted 2 years 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.

  5. pupunzi
    Member
    Plugin Author

    Posted 2 years 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

  6. vifcoyot
    Member
    Posted 2 years ago #

    It works nicely, you're the best ;-)

    Thank you very much, and a Merry Christmas !

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic