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
(@kkriss)
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
The css adjustment from above are located in the following path.
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
(@kkriss)
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
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;
}