[Resuelto] Colores para el badge de etiquetas  

Hola Miguel

Pude revisar y tu código esta correcto sin embargo hay una discrepancia cuando entramos al post, lo que sucede es lo siguiente al ser tu código CSS algo general y no mas especifico, cuando entramos al post el ya posee la clase de la categoría que le corresponde entonces toma como mayor importancia todas las badges que tengas presentes en dicho post.

Cambia tus códigos apuntando directamente a los badges que se encuentren dentro del elemento grid de los post, por ejemplo:

.tag-trabajo .elementor-post__card .elementor-post__badge {
background-color: #4b8a4b !important;
}

Saludos

@bruno-vichetti Muchas gracias por la respuesta!
Tienes razón, la jerarquía del objeto es más lógica como propones.

No obstante y tras haber añadido el código, el resultado sigue siendo el mismo. He probado tanto con el CSS de Astra como con los ajustes de CSS para el widget de Elementor y no ha dado resultado.

Pero curiosamente justo este post si muestra todos los colores correctamente: https://viviryviajarensrilanka.com/como-montar-guest-house-hostel-en-sri-lanka/

O algo estoy haciendo mal o hay un ajuste lógico que me escapa. ¿Qué puede ser esta vez?

Gracias y saludos

Que tal Miguel

Recuerda que el ajuste sugerido debe aplicarse para todos los fragmentos de código donde modifiques el fondo de las badges, en efecto en el siguiente post funciona correctamente https://viviryviajarensrilanka.com/como-montar-guest-house-hostel-en-sri-lanka/ ya que has ido cambiando lo que te he sugerido, sin embargo verifica que apliques la regla para todas.

También si en tu sitio tienes algún plugin que gestione cache recuerda borrarla cada vez que actualices tu código CSS

Saludos!

Hola de nuevo @bruno-vichetti

Anteriormente cuando me pasaste esa mejora en el código, lo apliqué a todos los tags y desafortunadamente sigue sin dar resultado. He probad tanto a añadirlo en los ajustes de Astra como metiendo el CSS en elementor.

Acabo de limpiar la cache y tampoco veo resultados. No se si puede estar relacionado con los colores primarios o algun conflicto con los queries de los tags que uso para el widget de los posts. A decir verdad no se me ocurren muchas opciones mas.

PS - es curioso que solo funcione para tag-trabajo (el que compartiste) pues realmente lo he aplicado a todos y he mirado en detalle el no haberme equivocado con ningun caracter o espacio

Hola Miguel,

Ya he podido percatarme de lo sucedido inspeccionando a fondo el código de tu post, por ejemplo en el siguiente https://viviryviajarensrilanka.com/como-comenzar-un-negocio-en-sri-lanka-sin-inversion-mi-experiencia/

La clase .tag-negocios se presenta antes que todo en la estructura general del post así que a pesar de que las demás badges ya tienen un CSS definido por jerarquía siempre tendrá prioridad la que este por encima de los elementos. 

Vamos a cambiar la forma en la que apuntamos los badges con el siguiente código, tómalo de referencia para que lo apliques a todas las demás.

.elementor-grid .tag-crazy .elementor-post__badge{
background-color: #7E158C !important;
}

Nos cuentas como te va, Saludos

Wow Bruno eres un figura !! Ha funcionado! Muchas gracias!

Una pregunta antes de cerrar el hilo: ¿cómo has llegado a la conclusión de que había que tocar el .elementor-grid? Ni siquiera lo había visto anteriormente cuando inspeccionaba los estilos con la herramienta para desarrolladores.

De nuevo mil gracias!

Hola Miguel,

Este elemento lo obtuvo del div superior al elemento que quieres modificar, te comparto una imagen:

Si vez directamente donde te marco es la clase general que abarca la sección y que aplicará luego las siguientes que tienes por jerarquía.

Nos comentas si podemos dar el tema como resuelto, un saludo 🖐️ 

@argenis Muchísimas gracias por la aclaración! Lo tengo muy cuenta para la próxima.

Gracias por el cable y saludos desde España 🙂 

Hola Miguel,

Encantados siempre de poder ayudar, si tienes alguna otra duda recuerda que puedes crear un nuevo tema y con todo gusto lo atenderemos.

un saludo 🖐️ 🤓