Tengo un problema. Estoy usando el plugin de Coda-Slider. Y este lo uso varias veces dentro de una página. El problema es que quiero que el tamaño del menú sea diferente entre uno y otro caso, y no lo puedo cambiar porque la etiqueta HTML está en el Javascript (el cual lo genera) y no en el archivo HTML (bueno, es terminación PHP porque es una web dinámica en Wordpress).
Este es el CSS que quiero cambiar, básicamente es el tamaño, porque en un caso son dos pestañas del menú y en otro tres.:
Código CSS:
Ver original.coda-slider-wrapper .coda-nav a {
background:url(images/tab.png);
color: #fff;
margin-right: 0px;
[B]width:50%;[/B]
height:28px;
text-align:center;
padding:5px 0px 5px 0px;
text-transform:uppercase;
font-weight:bold;
font-size:14px;
}
El valor de .coda-nav no está dentro de mi index.php, sino dentro del Javascript y está dentro de una función que a su vez está dentro de otra.
Código Javascript
:
Ver originaladdNavigation: function(){
var self = this;
// The id is assigned here to allow for the responsive setting
var dynamicTabs = '<div class="coda-nav"><ul></ul></div>';
Este plugin en jQuery lo uso en un bucle de Wordpress donde me despliega varios artículos. Todo bien, pero no puedo hacer que entre uno y otro pueda hacer que el tamaño de las pestañas del menú varíe.
Saludos