Support » Plugin: podPress » [Plugin: podPress] Width of HTML5 Player

Viewing 1 replies (of 1 total)
  • Plugin Author ntm


    It is possible but not via an option on one of the admin pages of a blog.

    But you could alter the width via CSS commands. You could add the following CSS snippets to the style.css file of your theme.

    .podpress_playerspace audio {

    This will increase the width of the podPress <audio> elements to the full width of the post block. Instead of the 100% value, you could insert other values measured e.g. in pixels (e.g. 250px).

    Modifying the size of the gray play botton is a little bit more difficult:

    a.podpress_play_button {
    	width:60px !important;
    	height:60px !important;
    	background-repeat: no-repeat;
    	background-position: 0px 0px;
    	background-size: 120px 60px;
    a.podpress_play_button:hover, a.podpress_play_button:focus, a.podpress_play_button:active {
    	background-repeat: no-repeat;
    	background-position: -60px 0px !important;

    In this example the size of the button is increased to 60px x 60px (the default size is 32px x 32px). But notice that background-size is a CSS 3 command. (The current versions of Safari and Chrome/Chromium should support that. But I’m not sure since which version.)
    If you do not want to rely on that CSS 3 command you would adjust the size of the icon image file /wp-content/plugins/podpress/images/play_button_dyn_v4_32.png

Viewing 1 replies (of 1 total)
  • The topic ‘[Plugin: podPress] Width of HTML5 Player’ is closed to new replies.