Hi @cookgirl26!
Typically it just inherits the color and size of the nav menu, but if you want to control it specifically, you can add this to your custom CSS (where you removed the other CSS):
.fa-search {
color: brown;
font-size: 16px;
}
Let us know if you have any trouble!
Hello, the code doesn’t seem to be working. The icon is still the same size. Thanks!
Hi @cookgirl26,
Here’s the custom CSS I see in place when I visit the site:
body {
font-size: 16px;
font-family: Montserrat,sans-serif;
}
.credit li {
display: none;
}
.sidebar-default {
text-align: center;
}
.sidebar-default .widget-title {
text-align: center;
}
.widget_categories select, .widget_archive select, select {
display: initial;
}
.sidebar-no-borders .widget.widget_text {
padding: 10px 0;
border-top: none;
border-bottom: none;
}
@media (max-width: 767px) {
.header-row-1-toggle {
display: none;
}
.header-row-1 {
max-height: unset;
}
}
/* BACKGROUND IMAGE */
@media (min-width: 768px) {
.custom-background {
background-image: url(/wp-content/uploads/2022/02/background-image-1.jpg);
background-position: left top;
background-size: auto;
background-repeat: repeat;
background-attachment: scroll;
}
}
.wp-block-rank-math-toc-block {
position:relative;
}
.wp-block-rank-math-toc-block h2 {
background: #f1f2f6;
padding: 10px 12px 10px 18px;
cursor: pointer;
font-size: 18px !important;
font-weight: normal !important;
position:relative;
margin-bottom: 0;
}
a {
color: #C97A42;
}
a i, a span.fa {
color: inherit;
}
I don’t see that fa-search CSS anywhere in there…if you’ve already added it, could you try clearing the LiteSpeed CSS and cache to ensure it’s able to take effect? Thanks so much!
Oh, I deleted it out after I saw that it wasn’t working. I’ll try it again, and delete the cache to see if that helps. Thanks!
Ok, I don’t think I was copying the whole code correctly before. It’s working now. Thanks so much!
So happy to hear that, thanks for letting us know! 🙂
