Guía técnica para Publicaciones con fondo oscuro

Guía técnica para Publicaciones con fondo oscuro


Las publicaciones con fondo oscuro en Arca necesitan un tratamiento especial ya que el diseño nativo está solo optimizado para fondos claros o blancos. Para solucionar este problema cada publicación con fondo oscuro debe ser tratada de forma independiente, añadiendo código CSS adicional mediante el Plugin de WordPress llamado WP Add Custom CSS. (Tener en cuenta la repercusión de Elementor en estos cambios)

El color de fondo tipo para publicaciones oscuras en Arca es: #4f4f4f

Por tanto, cada publicación en Arca con fondo oscuro deberá contener el siguiente código CSS en su configuración independiente, dentro del campo designado por el plugin WP Add Custom CSS.

.art-postheader {
color: white!important;
}

body {
color: white!important;
}

.su-tabs-nav span.su-tabs-current {
color: white!important;
}

.su-tabs-nav span {
color: white!important;
}

.su-tabs-pane {
color: white!important;
}

.art-postheader {
color: white!important;
}
Esta parte del código cambia el color del título de la publicación.

 

body {
color: white!important;
}
Esta parte del código cambia el color del texto general de la publicación.

 

.su-tabs-nav span.su-tabs-current {
color: white!important;
}
Esta parte del código cambia el color del texto de la pestaña seleccionada que genera el plugin Shortcodes Ultimate de la publicación.

 

.su-tabs-nav span {
color: white!important;
}
Esta parte del código cambia el color del texto del resto de pestañas que genera el plugin Shortcodes Ultimate de la publicación.

 

.su-tabs-pane {
color: white!important;
}
Esta parte del código cambia el color del texto del contenido de las pestañas que genera el plugin Shortcodes Ultimate de la publicación.