WordPress.org

Ready to get started?Download WordPress

Forums

Audio Player
[pluging: Audio Player] Huge Size, how to change Size (10 posts)

  1. speekco
    Member
    Posted 4 years ago #

    Hello forum how are you?

    I'm running my player here:

    http://www.theleaderguy.com/audio/

    But the Size of the player is huuuuuge, how do I change the size, I left a RED color for you to notice all the space that is taking...

    Thank you very much,

  2. speekco
    Member
    Posted 4 years ago #

    It also seem that the change in the size or percentage does not affect the player.

  3. speekco
    Member
    Posted 3 years ago #

    UNRESOLVED

  4. ntm
    Member
    Posted 3 years ago #

    The player is part of an <object> or <embed> and in the style file of your theme (wp-content/themes/tubular_10/style.css) is a definition for these elements (#contentleft embed, #contentleft object). The width is defined as 610px; and the height as 345px;. That is the size of the red box.
    The audio player elements having the class "audioplayer_container" (<p class="audioplayer_container"><span id="id="audioplayer_{...}">).

    Maybe you can define a separate style like
    .audioplayer_container object, .audioplayer_container embed {
    width: ...;
    height: ...;
    }

  5. speekco
    Member
    Posted 3 years ago #

    ntm, thank you very much for you time doing thing, but I have not been succesful yet and I hope you could give another tip.

    I just did what you told me and now my main css file looks like this:

    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    .audioplayer_container object, .audioplayer_container embed {
    width: 300;
    height: 40;
    }

    #contentleft embed, #contentleft object {
    width: 610px;
    height: 345px;
    margin: 0px;
    padding: 0px;
    clear: both;
    }
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

    And nothing, it seems the #contentleft is stronger than .audioplayer

    I'm sorry I'm not very knowledgae on css but is there a way to make the .audioplayer have priority over content left in such a way that is not overwritable?

    In #contentleft I deleted: height: 345px;

    and then the audio player look cool but not my videos....

    Help please...

    Eduardo

  6. speekco
    Member
    Posted 3 years ago #

    I found one solution:

    I removed:

    ~~~~~~~~~~~~~~~~~
    ~~~~~~~~~~~~~~~~~
    , #contentleft object
    ~~~~~~~~~~~~~~~~~
    ~~~~~~~~~~~~~~~~~

    from:

    ~~~~~~~~~~~~~~~~~
    ~~~~~~~~~~~~~~~~~
    #contentleft embed, #contentleft object {
    width: 610px;
    height: 345px;
    margin: 0px;
    padding: 0px;
    clear: both;
    }
    ~~~~~~~~~~~~~~~~~
    ~~~~~~~~~~~~~~~~~

    Opinions?

  7. ntm
    Member
    Posted 3 years ago #

    I'm no CSS expert. I have to look in a manual each time.

    But you could try also

    p.audioplayer_container object, p.audioplayer_container embed {
    width: 300px;
    height: 40px;
    }
    Try always to define units like px for width and height values.

    OR

    #contentleft .audioplayer_container object, #contentleft .audioplayer_container embed {
    width: 300px;
    height: 40px;
    }

    OR

    #contentleft p.audioplayer_container object, #contentleft p.audioplayer_container embed {
    width: 300px;
    height: 40px;
    }

    And you can try to add an !important; after the unit
    e.g.:
    width: 300px !important;
    height: 40px !important;

    The idea behind all this is to overwrite the definitions of #contentleft embed, #contentleft object for object and embed element which are in a container element of the class audioplayer_container.
    <p class="audioplayer_container"><span id="audioplayer_{...}"><object>...<embed /></object></span></p>

  8. ntm
    Member
    Posted 3 years ago #

    I have to correct my self a little bit. After the script inserts the player into the container. It looks like (in FireFox):
    <p class="audioplayer_container"><object>...</object></p>

  9. doryphores
    Member
    Plugin Author

    Posted 3 years ago #

    Depending on the browser, Audio Player will either be an object or an embed tag.

    The correct fix should be this (the height of the player is 24px not 40px):

    #contentleft p.audioplayer_container object, #contentleft p.audioplayer_container embed {
    width: 300px;
    height: 24px;
    }

    Martin

  10. Gyroscopic
    Member
    Posted 3 years ago #

    Hi Guys

    I would like to change the actual player height to less than 24px, ideally to around 16px.

    Is this possible, or is this set in the .swf file? Can you not add a parameter to change the height too please?
    Presumably since this is flash it should scale properly.

    (I dont think this can be done via css but would be happy to be corrected!)

    Regards
    Gyro

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic