Para poder cambiar el color a las categorías de nuestro blog o post en WordPress o Elementor puedes utilizar la opción de CSS Adicional que se encuentra en cada configuración de la página.  

Añade las siguientes lineas de código en base a las categorías de tu blog.  Sustituye el nombre en .category-namecategory y también el color que deseas asignarle.

.category-turismo .elementor-post__badge {
background-color: #00CC00 !important;
}
.category-deportes .elementor-post__badge {
background-color: #FF8000 !important;
}
.category-novedades .elementor-post__badge {
background-color: #00CCCC !important;
}

Para Elementor

Sigue los siguientes pasos:

Para agregar CSS adicional en Elementor, sigue estos pasos:

1. Abre Elementor: Ve a la página o publicación donde deseas agregar el CSS y haz clic en el botón “Editar con Elementor”.

2. Configuración del sitio:

   • Haz clic en el ícono de menú (tres líneas horizontales) en la esquina superior izquierda de la pantalla de Elementor.
   • Selecciona “Configuración del sitio” en el menú desplegable.

3. CSS personalizado:

   • En el panel de Configuración del sitio, busca y haz clic en la opción “CSS personalizado”.
   • Aquí puedes agregar tu CSS personalizado. Todo el CSS que agregues aquí se aplicará a todo el sitio.

4. Guardar cambios:

   • Después de agregar tu CSS personalizado, asegúrate de hacer clic en el botón de “Actualizar” o “Publicar” para guardar los cambios.

Si te gusto este post, por favor califica este post dandole a todas las estrellas aca abajo!!!!