Añadir vídeo respon...
Avisos
Vaciar todo

Hosting WordPress 70% dto Dominios promo

Añadir vídeo responsive al CSS  

 
Óscar
 Óscar
Usuario activo

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

Citar
Respondido : 26/02/2023 8:47 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

 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 

ResponderCitar
Respondido : 26/02/2023 9:02 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Óscar
 Óscar
Usuario activo

Buenos días Karen,

adjunto capturas de las dos carpetas relacionadas con los archivos css de la plantilla encelado:

image
image

Un saludo,

Óscar A.

ResponderCitar
Respondido : 27/02/2023 9:12 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

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

ResponderCitar
Respondido : 27/02/2023 10:15 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress