How can I change Header icons color with hamburger button

Dev
1

Hi everyone,

I tried but there are incorrect codes
And can we ovalize the edges of the hover box?
Please help me :heart:

2

changing header icon colors:

rounding theme component - may suit your needs or at least give you ideas in the code on how to do it:

3 Likes
3

Thank you so much @Lilly .
Can we change the color for hover? And border radius code how can i add for hovers ?

4

@Lilly I did ! :slight_smile:

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

But I cant change search button, menu button and avatar side
How can i find like " .d-header-icons a:hover " for menu button search and avatar ?

1 Like
5

I did if you need :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 Likes