Archived topic

Search Icon Background Color

1 reply · Started by Sanu Kumar on July 23, 2021

Viewing posts 1–2 of 2

July 23, 2021 at 6:57 pm #1868614

How do I add background color in the search icon and also, how do I make a dropdown arrow (filled) as shown below?

July 24, 2021 at 4:29 pm #1869574

Hi there,

Try this CSS to change the background color:

.main-navigation li.search-item {
    background-color: #333;
    border-radius: 50%;
}

As for the dropdown arrow, you will need to switch out the icon using this method:
https://docs.generatepress.com/article/generate_svg_icon_element/

This archived topic is closed to new replies.