Saltar al contenido principal

ACSS 4

Fancy Etch también es totalmente compatible con ACSS, el framework CSS #1 para Etch y un clásico consolidado en el ecosistema de WordPress. Fancy Etch aprovecha las variables de ACSS directamente, así que tendrás una experiencia fluida desde el primer momento — sólo hay que tener en cuenta unas pocas recomendaciones para que cada componente y cada layout se vean exactamente como están diseñados.

Activar el color Secondary y Base​

Main Colors de ACSS: Primary, Secondary, Base y Neutral activados

Algunos componentes y layouts dependen del color secondary. Si tu proyecto no usa un color secondary, tendrás que reemplazar la variable de color correspondiente en tu CSS para evitar inconsistencias visuales.

El color base está activado por defecto en ACSS, pero vale la pena comprobarlo, porque Fancy Etch lo usa en varios elementos — especialmente para transparencias y capas de fondo.

Activar Card Framework​

Card Framework de ACSS activado, con Card Padding y Card Content Gap en Spacing

Fancy Etch usa las variables --card-padding y --card-gap en varios componentes, así que asegúrate de que el Card Framework de ACSS esté activado para que todo se renderice correctamente.

Desactivar "Add Radius Automatically"​

Borders & Dividers de ACSS, Additional Radius Options: Add Radius Automatically desactivado

Si no conoces bien cómo funciona esta opción, te recomendamos desactivarla. Dejarla activada puede hacer que algunas plantillas se vean distintas de la demo, sobre todo en las imágenes.