Title: Bar layout
Last modified: August 24, 2016

---

# Bar layout

 *  [kkriss](https://wordpress.org/support/users/kkriss/)
 * (@kkriss)
 * [11 years ago](https://wordpress.org/support/topic/bar-layout/)
 * Hi. Would like to stick the audio bar to the above image [see here](http://www.angiolettochecucina.it/)
   and “colour” it in grey instead of black. I tried to, but how to do it through
   my child css? Thank you.
 * [https://wordpress.org/plugins/compact-wp-audio-player/](https://wordpress.org/plugins/compact-wp-audio-player/)

Viewing 6 replies - 1 through 6 (of 6 total)

 *  Plugin Contributor [mbrsolution](https://wordpress.org/support/users/mbrsolution/)
 * (@mbrsolution)
 * [11 years ago](https://wordpress.org/support/topic/bar-layout/#post-6128140)
 * Hi kkriss try editing the following.
 *     ```
       .mejs-container, .mejs-embed, .mejs-embed body, .mejs-container .mejs-controls {
           background: none repeat scroll 0 0 #c0c0c0;
       }
       ```
   
 * The above is what you add in your child theme css file.
 * What do you mean by
 * >  Would like to stick the audio bar to the above image
 *  Thread Starter [kkriss](https://wordpress.org/support/users/kkriss/)
 * (@kkriss)
 * [11 years ago](https://wordpress.org/support/topic/bar-layout/#post-6128155)
 * Nothing happens adding to my child.css what you sent me, that’s what I did before
   myself and nothing happens adding an !important to the colour. Please watch this
   for the rest
    [ thanx
 *  Thread Starter [kkriss](https://wordpress.org/support/users/kkriss/)
 * (@kkriss)
 * [11 years ago](https://wordpress.org/support/topic/bar-layout/#post-6128156)
 * [This link](https://www.dropbox.com/s/nvrhdcc9hw4oz0e/audiomp3.jpg?dl=0) I meant…
 *  Plugin Contributor [mbrsolution](https://wordpress.org/support/users/mbrsolution/)
 * (@mbrsolution)
 * [11 years ago](https://wordpress.org/support/topic/bar-layout/#post-6128206)
 * The css adjustment from above are located in the following [path](http://www.angiolettochecucina.it/wp-includes/js/mediaelement/wp-mediaelement.css?ver=4.2.2).
 * The image link above does not show up the same on my browser. Can you delete 
   your browser cache and if you are using a cache plugin can you also delete the
   plugin’s cache.
 *  Thread Starter [kkriss](https://wordpress.org/support/users/kkriss/)
 * (@kkriss)
 * [11 years ago](https://wordpress.org/support/topic/bar-layout/#post-6128273)
 * 1)I found where are the css adjustments, but I want to change them after having
   added them to **my child css** not to the plugin css;
    2) The image link I sent
   you is what I want to achieve at the end, not a screenshot of how the mp3 player
   is showed actually: a grey bar stuck at the top to the image, without any space
   between. Thank you
 *  Plugin Contributor [mbrsolution](https://wordpress.org/support/users/mbrsolution/)
 * (@mbrsolution)
 * [11 years ago](https://wordpress.org/support/topic/bar-layout/#post-6128277)
 * Sorry for not understanding your image. Try the following…
 * Edit the following class **mejs-container svg wp-audio-shortcode mejs-audio**
   and add the following css as you see below.
 *     ```
       element.style {
           bottom: 312px;........add this
           height: 30px;
           position: absolute;.....add this...
           width: 234px;
       }
       ```
   

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Bar layout’ is closed to new replies.

 * ![](https://ps.w.org/compact-wp-audio-player/assets/icon-128x128.png?rev=994411)
 * [Compact WP Audio Player](https://wordpress.org/plugins/compact-wp-audio-player/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/compact-wp-audio-player/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/compact-wp-audio-player/)
 * [Active Topics](https://wordpress.org/support/plugin/compact-wp-audio-player/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/compact-wp-audio-player/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/compact-wp-audio-player/reviews/)

 * 6 replies
 * 2 participants
 * Last reply from: [mbrsolution](https://wordpress.org/support/users/mbrsolution/)
 * Last activity: [11 years ago](https://wordpress.org/support/topic/bar-layout/#post-6128277)
 * Status: not resolved