Buen día compañeros, que pena la molestia. Estoy tratando de hacer lo siguiente.
Ya he hecho varias cosas, solo me hace falta cambiar el background-color, he intentado con nth-child pero no me sirve. Lo único que he hecho es que me aparece el color en todos los elementos y yo quiero elegir un color por cada uno de los elementos.
Me podrían ayudar. Este es el código que tengo en HTML con PHP
<section class="historias">
<div>
<ul class="listado-historias">
<?php
$args = array(
'post_type' => 'cooperativas',
'order' => 'ASC',
'posts_per_page' => 30
);
$historias = new WP_Query($args);
while($historias->have_posts()): $historias->the_post();
?>
<li class="historia">
<?php the_post_thumbnail(); ?>
<div class="contenido text-center">
<h3><?php the_title(); ?></h3>
<p><?php the_content(); ?></p>
<a href="<?php the_permalink(); ?>">+ INFORMACIÓN</a>
</div>
</li>
<?php endwhile; wp_reset_postdata(); ?>
</ul>
</div>
Y en el CSS tengo lo siguiente:
.listado-historias {
display: flex;
justify-content: space-between;
}
.listado-historias li {
flex: 0 0 calc(33.333%);
position: relative;
}
.historia .contenido{
position: absolute;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.75);
color: var(--blanco);
}
Agradecería su ayuda, muchas gracias.