Avisos
Vaciar todo
Buenas tardes de nuevo,
aprovecho la reciente consulta que realicé hace unos días sobre un cambio en el CSS, para plantear esta nueva duda relacionada también con un cambio en la plantilla. En este caso, necesito hacer un cambio en el código para que los vídeos que inserto en la web, desde Youtube por ejemplo, se vean realmente de forma responsive. El código sería el siguiente:
/* Start: Video Responsive */
.video-responsive {
overflow:hidden;
padding-bottom:400px; /* Adecua este valor para controlar la altura del video */
position:relative;
height:0;
}
.video-responsive iframe{
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}
/* End: Video Responsive */
Luego el iframe del vídeo iría dentro de una etiqueta div con la clase video-responsive creada en el CSS. Mi duda es si en el caso de la plantilla que utilizo (Encelado) en la que el cambio anterior que realicé lo hice en el archivo bootstrap.css, este código que he pegado anteriormente tendría que ir también en ese archivo, pues el tema encelado no tiene un archivo que se llame template.css como sí que existe en otros temas.
Gracias de antemano por vuestra ayuda,
Óscar A.
Contenido solo visible a usuarios registrados
Respondido : 26/02/2023 8:47 pm
Hola Oscar,
En estos casos todo depende de la hoja de estilo que tiene disponible el tema que utilizas, verifica si adicional a esta hoja de estilo tiene una adicional como style.css ten en cuenta que usualmente bootstrap.css es la hoja de estilo para la biblioteca de bootstrap la cual ya tiene unas reglas establecidas y que los temas lo utilizan para poder utilizar sus clases dentro del diseño web de las plantillas, pero esto no quiere decir que esta sea el archivo donde se encuentren todos los estilos del tema o donde se deba añadir código CSS personalizado.
Verifica las hojas de estilo o archivos que tiene tu tema, si es posible envíanos algunas capturas sobre los que se muestran de esta forma podemos revisar con mayor detalle lo que nos comentas.
Un Saludo
Respondido : 26/02/2023 9:02 pm
Buenos días Karen,
adjunto capturas de las dos carpetas relacionadas con los archivos css de la plantilla encelado:
Un saludo,
Óscar A.
Respondido : 27/02/2023 9:12 am
Hola Oscar
Puedes añadirlo en el archivo bootstrap.css
Si tienes algún problema después de añadirlo, no lo elimines y lo revisaremos.
Un saludo
Respondido : 27/02/2023 10:15 am
