CSS for text in showfilters

This topic contains 3 replies, has 2 voices, and was last updated by Kor 6 years, 1 month ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket

Tagged: css, showfilters

Author

Posts
October 6, 2018 at 3:33 pm #448965

Carin Handsun
Expired Member

Post count: 178

I have been trying so many options, if you have the answer I would be so grateful, need to change font in search bar showfilters, https://musclecarbuyer.com/10 (where it says Mile Range.) I am also trying to make the search icon larger, but can’t seem to target either place, even with important

.fa .fa-cog .showfilters

October 6, 2018 at 5:20 pm #448970
Kor
Moderator

Post count: 16516
Hi Carin,

Thanks for your post. You can change the font family type and size using the option below.
```
.customize_filter-in ul li {
    font-size: 13px;
    font-family: Helvetica, sans-serif;
}
```
Then, you can use the custom CSS code below to make the search icon larger.
```
i.fa.fa-search {
    font-size: 30px!important;
}
```
October 6, 2018 at 5:46 pm #448971

Carin Handsun
Expired Member

Post count: 178

Thanks, search icon worked great, this did nothing even with !important
.customize_filter-in ul li {
font-size: 18px!important;
font-family: Arial!important;
font-weight:bold!important;
}

October 6, 2018 at 6:03 pm #448972

Kor
Moderator

Post count: 16516

Hi Carin,

It seems to work when I tested it directly using the browser developer tools. Maybe you can share your WP admin access here in private reply so that I could check further?

Thanks!
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket

Hurry! Get your 20% discount before it expires. Get 20% Discount