cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Highlighted
Frequent Visitor

How to change slicer search box text font and color in Power BI?

Hi,

I have slicer's Seach Box enabled and I would like to change the color and font type of slicer's search box? For example, in below image, If i search APPLE in my slicer's search box, it appears light blue. How can I change different color and also dieeren

 

Capture.PNG

1 ACCEPTED SOLUTION

Accepted Solutions
Highlighted
Advocate IV
Advocate IV

Re: How to change slicer search box text font and color in Power BI?

This is how I changed the slicer's search box background to black and the text to white.

 

Please note that I took out the rest of my .json file configurations to provide a succinct answer to this question. You will probably want to tweak the items' background, overall transparency, etc.:

 

 

{
	"name": "slicer search box color setting",

	"visualStyles": {
		"slicer": {
			"*": {
				"*": [
					{
						"fontColor": { "solid": { "color": "#FFFFFF" } },
						"background": { "solid": { "color": "#000000" } }
					}
				]
			}
		}
	}
}

 

 

View solution in original post

5 REPLIES 5
Highlighted
Super User I
Super User I

Re: How to change slicer search box text font and color in Power BI?

Select the visual, then in the formatting ribon, go to items the Font color .

 

Annotation 2019-10-10 141413.png

 

Appreciate your Kudos
Connect with me!

Stay up to date on  linkedin-logo.png
Read my blogs on  powerbi.tips_.png



Did I answer your question? Mark my post as a solution! Proud to be a Super User!


Connect with me!
Stay up to date on  
Read my blogs on  



Highlighted
Frequent Visitor

Re: How to change slicer search box text font and color in Power BI?

Thank you Steve for the response.

Actually, I am trying to change the font inside the search box of slicer. Not the items of slicers. If you see my image attached, there is search sign (like lens) and blue text.

Highlighted
Community Support
Community Support

Re: How to change slicer search box text font and color in Power BI?

@dmadhup 

 

You may use Class name smallLabel.

https://powerbi.microsoft.com/en-us/blog/power-bi-desktop-september-2019-feature-summary/#themeJSON

Community Support Team _ Sam Zha
If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.
Highlighted
Frequent Visitor

Re: How to change slicer search box text font and color in Power BI?

Thank you  

 

    {
       "name": "AHT Dashboard",
       "dataColors": ["#ff8c00", "#5999D3", "#FBBD01", "#264478", "#95bee3", "#609350"],
       "background":"#212938",
       "foreground": "#7FDBFF",
       "tableAccent": "#77D7FE",
       "textClasses": {
               "smallLabel": {
                   "fontSize": 14,
                   "fontFace": "Segoe UI",
                   "color": "#000000"
                }
       }
        
   }

 

Highlighted
Advocate IV
Advocate IV

Re: How to change slicer search box text font and color in Power BI?

This is how I changed the slicer's search box background to black and the text to white.

 

Please note that I took out the rest of my .json file configurations to provide a succinct answer to this question. You will probably want to tweak the items' background, overall transparency, etc.:

 

 

{
	"name": "slicer search box color setting",

	"visualStyles": {
		"slicer": {
			"*": {
				"*": [
					{
						"fontColor": { "solid": { "color": "#FFFFFF" } },
						"background": { "solid": { "color": "#000000" } }
					}
				]
			}
		}
	}
}

 

 

View solution in original post

Helpful resources

Announcements
Community Blog

Community Blog

Visit our Community Blog for articles, guides, and information created by fellow community members.

Using the Community

Using the Community

Need help with the Power BI Community? Our 'Using the Community' support articles are a great place to start.

Community Summit North America

Community Summit North America

Innovate, Collaborate, Grow. The top training and networking event across the globe for Microsoft Business Applications

Power Platform 2020 release wave 2 plan

Power Platform 2020 release wave 2 plan

Features releasing from October 2020 through March 2021

Top Solution Authors
Top Kudoed Authors