Respuesta rápida
Para una tabla, ábrela en el constructor, ve a la Settings (pestaña), despliega Styles, escribe tu CSS en Extra Styles y haz clic en Apply stylesy luego en Save. Para todas las tablas de tu sitio, ve a WP Table Builder > Settings > Table Styles, añade el CSS en Custom CSS y haz clic en Save. Ambas opciones son gratuitas y admiten media queries.
El CSS personalizado te permite cambiar detalles que el constructor no tiene como ajuste, por ejemplo un grosor de fuente especial, una sombra o un aspecto distinto en pantallas muy pequeñas.
Requisitos #
| Concepto | Detalles |
|---|---|
| Plan | Gratis y Pro |
| Conocimientos | CSS básico |
| Versión del plugin | WP Table Builder 2.1.0 o posterior (vista previa del CSS en el constructor) |
Añadir CSS a una tabla #
- Abre la tabla en el constructor y haz clic en Settings .
- Escribe
estilosen Search settings, o desplázate hasta Stylesy despliégalo. - Escribe tu CSS en Extra Styles.
- Haz clic en Apply styles para previsualizarlo en el constructor.
- Haz clic en Save.
Añadir CSS a todas las tablas #
- Ve a WP Table Builder > Settings.
- Abre Table Styles (pestaña). La nota indica que los estilos se aplican a todas las tablas.
- Añade tu CSS en Custom CSS y haz clic en Save.
Selectores útiles #
| Selector | Afecta a |
|---|---|
.wptb-cell | Todas las celdas de la tabla |
.wptb-image-element-target | Imágenes de los elementos Image |
Usa la herramienta Inspeccionar de tu navegador en la página publicada para encontrar los nombres de clase exactos que necesitas.
Ejemplo #
.wptb-cell { font-weight: 500; }
@media (max-width: 600px) { .wptb-cell { font-size: 14px; } }
Consejos #
- Prueba primero los ajustes integrados. Son más fáciles de cambiar después y funcionan con los diseños responsive.
- Guarda el CSS específico de una tabla en Extra Styles para que se mueva con la tabla cuando la exportes a XML.
Preguntas frecuentes #
¿Dónde añado CSS personalizado para WP Table Builder?
Usa Extra Styles en la pestaña Settings de la tabla para una sola tabla, o WP Table Builder > Settings > Table Styles para todas las tablas.
¿El CSS personalizado admite media queries?
Sí. Las media queries funcionan tanto en Extra Styles como en Table Styles.
¿El CSS personalizado es una función Pro?
No. Las dos opciones de CSS personalizado son gratuitas.
