Avisos
Vaciar todo
Buenas tardes amigos, tengo una consulta relaccionada con el CSS de una plantilla Wordpress. Paso a exponerles el caso
En este primer enlace: http://disolcom-cp537.wordpresstemporal.com/disolnet/producto/clamp-compression-tool/ pueden ver una ficha de producto de Woocommerce con unas TABS. Si minimizan la ventana o visualizan desde un dispositivo movil o de menor pantalla, verás que las pestañas de estas tablas mantienen el mismo aspecto que en pantalla grande.
En este segundo enlace: http://disolcom-cp537.wordpresstemporal.com/disolnet/productos/aerosoles-y-cartuchos/project-planning-2/#1514411210184-778b5194-058a aparece la vista de ficha de un producto creado en una plantilla Single_post y se han utilizado de nuevos TABS, sin embargo por la plantilla CSS que viene en el tema, no se comportan de la misma manera que en Woocommerce cuando se minimiza la pantalla o se accede con pantallas pequeñas.
Me gustaría aplicar el mismo estilo que las Woocommmerce TABS, a las del single-post, para que se vean igualmente cuando se accede con pantallas menores. Pero estoy dándole vueltas al CSS y no soy capaz de hacerlo igual
Me podríais echar un cable? Gracias de antemano por su tiempo!
URL del sitio: Contenido solo visible a usuarios registrados
Respondido : 02/01/2018 3:39 pm
Hola
Prueba con el siguiente código CSS, puedes agregar este código al final de algún archivo .css que carga tu theme, como el style.css. (mejor si usas un child-theme)
.vc_tta-panel.vc_active .vc_tta-panel-title{
background: #F8F8F8;
border-top: 2px solid #FDBB3E;
}
.vc_tta-panel-title{
padding-left: 10px;
}
@media (max-width:768px){
.vc_tta-panel-body{
padding:20px!important;
border: 1px solid #eee!important;
}
}
Saludos.
Respondido : 02/01/2018 4:49 pm
Increible!!
Funciona a la perfección, y qué sencillo y ligero.
Gracias amigo!
Respondido : 02/01/2018 6:49 pm
Hola
Que bueno que te sirvió.
Saludos.
Respondido : 02/01/2018 6:56 pm
