Blog

Sígueme en

Fix para el elemento audio en WordPress + Bootstrap 3.0

 Nov, 18 - 2013   CSS

Si estáis desarrollando un tema para WordPress utilizando el framework Bootstrap 3.0, seguramente habréis notado que los elementos audio de los posts no se ven correctamente como se aprecia en la imagen:

audio-broken

Como podéis ver, el control de volumen aparece debajo del elemento. Para solucionarlo, después de intentarlo en varias ocasiones, sin tener que recurrir a JS o media-queries, me acordé que, al igual que a las imágenes, Bootstrap había eliminado la propiedad de max-width a estos elementos, así que voilá, con una sencilla línea de CSS asunto arreglado:

audio, canvas, video { max-width: 100%; }