Cómo cambiar el nombre de la clase .circulos en CSS y HTML

WebmasterKing dijo:

Si se lo puse igual y sale vertical mira: https://donlotery.com/elementor-929/

Hacer clic para expandir...

.color {
    width: 300px;
    display: flex;
flex-wrap: wrap;
}

iniciopublic dijo:

Ahora agregale este css al a la clase .color

Insertar CODE, HTML o PHP:

.color {
    width: 300px;
    display: flex;
flex-wrap: wrap;
}

Hacer clic para expandir...

WebmasterKing dijo:

perfect

Perfecto amigo ahora si y una pregunta como le añado 2 bolos mas de diferentes colores? https://donlotery.com/elementor-929/

asi: Ver el archivo adjunto 668268

Hacer clic para expandir...

.colores:nth-child(3) {
    background-color: white;
}
.colores:nth-child(2) {
    background-color: green;
}

.colores:nth-child(1) {
    background-color: red;

}

iniciopublic dijo:

mmm Preferiría mejor que le cambiar la clase a cada div que forma la bola y ponerle su background-color: , pero puedes agregar esto:

Insertar CODE, HTML o PHP:

.colores:nth-child(3) {
    background-color: white;
}
.colores:nth-child(2) {
    background-color: green;
}

.colores:nth-child(1) {
    background-color: red;

}

Los números child(1), child(2), child(3) coincide los elementos en función de su posición

Hacer clic para expandir...

iniciopublic dijo:

mmm Preferiría mejor que le cambiar la clase a cada div que forma la bola y ponerle su background-color: , pero puedes agregar esto:

Insertar CODE, HTML o PHP:

.colores:nth-child(3) {
    background-color: white;
}
.colores:nth-child(2) {
    background-color: green;
}

.colores:nth-child(1) {
    background-color: red;

}

Los números child(1), child(2), child(3) coincide los elementos en función de su posición

Hacer clic para expandir...

WebmasterKing dijo:

Funciono amigo muchas gracias, como se pone laos numeros a negrita y se cambia el tamaño de los numeros?

Hacer clic para expandir...

.colores>h2 {

    font-size: 25px;
    font-weight: 700;
    font-family: sans-serif;
    margin: 0;
    color: black;



}

iniciopublic dijo:

Puedes jugar con
font-size: y font-weight:

Insertar CODE, HTML o PHP:

.colores>h2 {

    font-size: 25px;
    font-weight: 700;
    font-family: sans-serif;
    margin: 0;
    color: black;



}

Hacer clic para expandir...

WebmasterKing dijo:

Un millon de gracias amigo, si pudiese calificarte por la ayuda lo haria pero no me deja ya que solo se puede con enlace de negocios. De nuevo gracias por tu tiempo💪😆

Hacer clic para expandir...