Support » Plugin: Audio Player » [pluging: Audio Player] Huge Size, how to change Size

Viewing 9 replies - 1 through 9 (of 9 total)
  • Thread Starter speekco

    (@speekco)

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

    Thread Starter speekco

    (@speekco)

    UNRESOLVED

    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: …;
    }

    Thread Starter speekco

    (@speekco)

    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

    Thread Starter speekco

    (@speekco)

    I found one solution:

    I removed:

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

    from:

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

    Opinions?

    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>

    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>

    Plugin Author doryphores

    (@doryphores)

    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

    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

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘[pluging: Audio Player] Huge Size, how to change Size’ is closed to new replies.