[SOLUCIONADO] Aplicar estilo CSS

[bse]

Buenas tardes,

He creado en wordpress el siguiente menú en una página de prueba:

http://pentadom.com/prueba/

Quiero, mediante el archivo custom.css que proporciona mi plantilla de wordpress, aumentar el tamaño de las palabras "domótica" e "inmótica" a 30px. El resultado debería ser el siguiente:

https://dl.dropboxusercontent.com/u/925766/ejemplo.png

Concretamente, aunque el menú superior y el inferior són el mismo tipo de elemento acordeón, sólo me interesa aumentar el tamaño de los títulos del primero. No sé si es posible aplicar algún condicional para discernir entre uno y otro.

Espero me puedan ayudar, muchas gracias.

Saludos!!

[AngelKrak]

no se puede a menos que lo hagas desde HTML :/ intente con un codigo pero es imposible ya que los otros 2 de abajo tiene el mismo class >_< necesitarias agregar 1 class adicional en tu archivo de Wordpress ;)

Código CSS:

.aviaccordion-slide-1 .aviaccordion-preview-title h3{
    font-size: 30pt !important;
}
.aviaccordion-slide-2 .aviaccordion-preview-title h3{
    font-size: 30pt !important;
}
 

[sarailopez]

que tal si usas:
<div class="..." style="font-size: 30pt"></div>

[NueveReinas]

Iniciado por sarailopez

que tal si usas:
<div class="..." style="font-size: 30pt"></div>

Iniciado por bse

aumentar el tamaño de las palabras "domótica" e "inmótica" a 30px.

30px

[Zeromm]

No haría falta que añadieras ninguna clase al html. Cuanto menos "ensucies" el html con clases y más clases mucho mejor, y tu problema se soluciona facil con css sin añadir ninguna a mayores, solo tienes que usar pseudo clases. Tú código quedaria algo así:

Código CSS:

.aviaccordion:first-child li:first-child h3, .aviaccordion:first-child li:nth-child(2) h3{
font-size: 30px !important;
}
 

[AngelKrak]

andale si conocia esos :first-child pero no sabia como aplicarlos por mas k lo intentaba no quedaban jajaja, pues al parecer ya quedo solucionado este tema >_< (Recuerda Marcarlo cmo solucionado)

[bse]

Iniciado por Zeromm

No haría falta que añadieras ninguna clase al html. Cuanto menos "ensucies" el html con clases y más clases mucho mejor, y tu problema se soluciona facil con css sin añadir ninguna a mayores, solo tienes que usar pseudo clases. Tú código quedaria algo así:

Código CSS:

.aviaccordion:first-child li:first-child h3, .aviaccordion:first-child li:nth-child(2) h3{
font-size: 30px !important;
}
 

Perfecto! esta es la solución que andaba buscando ya que no queria tener que tocar el código html :)

Muchas gracias por la rápida respuesta!