¿Cómo puedo cambiar el color de los iconos del encabezado con el botón de hamburguesa?

Desarrollador
1

Hola a todos,

Lo intenté pero hay códigos incorrectos
¿Y podemos ovalar los bordes del cuadro de desplazamiento?
Por favor, ayúdenme :heart:

2

cambiar los colores de los iconos de la cabecera:

componente de tema redondeado - puede que se adapte a tus necesidades o al menos te dé ideas en el código sobre cómo hacerlo:

3 Me gusta
3

Muchas gracias @Lilly.
¿Podemos cambiar el color para el hover? ¿Y cómo puedo agregar el código de radio del borde para los hovers?

4

@Lilly ¡Lo hice! :slight_smile:

.d-header-icons a:hover {
background-color: #D93A00 !important;
color: white !important;
border-radius: 30px;
}

Pero no puedo cambiar el botón de búsqueda, el botón de menú y el lado del avatar.
¿Cómo puedo encontrar algo como “.d-header-icons a:hover” para el botón de menú, la búsqueda y el avatar?

1 me gusta
5

Lo hice si lo necesitas :slight_smile:

.d-header-icons {
    .header-dropdown-toggle, .custom-header-icon-link {
        .icon {
            border-radius: 4px;
            .d-icon {
                color: white;
            }
            &:hover, &:focus {
                background: #223237;
                .d-icon {
                    color: white;
                }
            }
        }
        &.active .icon .d-icon {
            color: white;
        }
    }
}
3 Me gusta