Como mudar o nome da classe .circulos em CSS e HTML

WebmasterKing disse:

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

Clique para expandir...

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

iniciopublic disse:

Ahora agregale este css al a la clase .color

Inserir CODE, HTML ou PHP:

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

Clique para expandir...

WebmasterKing disse:

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 o anexo 668268

Clique para expandir...

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

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

}

iniciopublic disse:

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:

Inserir CODE, HTML ou 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

Clique para expandir...

iniciopublic disse:

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:

Inserir CODE, HTML ou 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

Clique para expandir...

WebmasterKing disse:

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

Clique para expandir...

.colores>h2 {

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



}

iniciopublic disse:

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

Inserir CODE, HTML ou PHP:

.colores>h2 {

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



}

Clique para expandir...

WebmasterKing disse:

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💪😆

Clique para expandir...