WordPress.org

Ready to get started?Download WordPress

Forums

Audio Player
Container height (7 posts)

  1. Christopher
    Member
    Posted 2 years ago #

    Hello,

    How would I go about removing the white space under the player? I noticed it's in a class called audioplayer_container.

    Would like to adjust the height of this container to remove the white space below.

    Thank you for your great plugin.

    Regards.

    http://wordpress.org/extend/plugins/audio-player/

  2. Christopher
    Member
    Posted 2 years ago #

    Tried using the below code in my CSS but still doesn't remove the white space below.

    p.audioplayer_container {
    	padding: 0, 0, 0, 10px !important;
    }

    In fact, even if I put top padding of 100px, makes no difference. Doesn't seem to pickup this CSS code.

  3. befree22
    Member
    Posted 2 years ago #

    I too am having trouble removing the extra white space. I used Firebug but I was only able to reduce the margins.

  4. Art Smith
    Member
    Posted 2 years ago #

    I got this resolved by updating CSS using simply the following:

    .audioplayer_container	{
          padding:0px !important;
          margin:0px !important;
    }

    You'll notice that I did NOT use the 'p' tag reference. For some reason the p didn't work right.

    I hope that helps!

    Art

  5. Christopher
    Member
    Posted 2 years ago #

    Yep, got it working. My css file was not writeable, hence any changes I made to it from within WP weren't being saved. Thank you.

  6. JonathanWright
    Member
    Posted 1 year ago #

    Hey guys. I'm still having trouble with the container space. I pasted that code at the end of the style.css file, but the container space is still unchanged. Any ideas?

  7. pmj
    Member
    Posted 1 year ago #

    I use the Twenty Twelve theme and found that setting the margin-bottom here to zero in style.css got rid of the extra white space:

    .entry-content embed,
    .entry-content iframe,
    .entry-content object,
    .entry-content video {
    margin-bottom: 0;
    }

    This will also effect any other embedded audio players you may have, so check those.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic