Configuracion pestañas descripcion de un producto

Hola Pedro

Me he dado cuenta que el plugin de tabs asume que la plantilla maneja unos estilos específicos relacionados con la clase tabs , he visto que tu plantilla no tiene estos estilos y es extraño por que son estilo de Joomla (al parecer de la parte de contactos)

Sin embargo lo que puedes hacer es copiar los estilos desde un template estandar, por ejemplo los siguientes estilos de tabs son del template beez20, debes copiar este código al final de algún archivo de estilos de tu template, por ejemplo en este archivo :

/templates/yoo_cloud/css/layout.css

dl.tabs {
    float: left;
    margin: 50px 0 0 0;
    z-index: 50;
    clear:both;


}

dl.tabs dt {
    float: left;
    padding: 4px 10px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    margin-right: 3px;
    background: #f0f0f0;
    color: #666;
}

dl.tabs dt.open {
    background: #F9F9F9;
    border-bottom: 1px solid #F9F9F9;
    z-index: 100;
    color: #000;

}

div.current {
    clear: both;
    border: 1px solid #ccc;
    padding: 10px 10px;
}


div.current dd {
    padding: 0;
    margin: 0;
}

dl#content-pane.tabs {
    margin: 1px 0 0 0;
}

Luego refresca tu navegador y verifica si ya te aparecen los tabs correctamente.

Saludos

Hola Jhon,

Antes de estropear nada me gustaria asegurarme bien.
Te adjunto captura para que me aclares una duda en la captura llevas la pregunta.

Gracias.

Hola Pedro

Si exacto, a partir de la línea 88 , realiza un backup de tu archivo en caso tengas problemas

Para ver los cambios debes refrescar tu navegador

Saludos.

Hola Jhon,
Correcto ha salido bien te adjunto captura para que veas y de paso me digas como puedo ajustar algo mas el texto a la caja.

Gracias.

HOla Pedro

En algún archivo de estilos de tu template , por ejemplo :

/web/templates/yoo_cloud/css/style.css

Agrega el siguiente código :

dt.tabs h3{
    margin-top:5px;
    margin-bottom:5px;
}

Saludos.

Hola Jhon,
Te adjunto captura para me confirmes donde lo pego.

Gracias.

Hola Pedro,

Si puedes pegarlo al final de dicho fichero.

Saludos.

Hola Johnny,
Ya le he pegado y funciona correctamente.
Tema solucionado

Muchas gracias.