CSS Styling of Refiners

Question

Do people have access to CSS styling for Refinement Panel? For example, the Refiner label, for colors or bold, etc.  are there accessible CSS classes for those items that I could embed a Script Editor into the Search Results page to dress them up a bit?

Thank you

---

DWM

Answer 1

Hi,

Please check this

http://sharepoint.stackexchange.com/questions/106133/how-to-customize-refinement-web-part-with-css

---

Please remember to click 'Mark as Answer' on the answer if it helps you

Answer 2

Hi,

The following CSS style for your reference:

<style>
#Refinement .ms-ref-name{
	color:red !important;
	font-weight:bold !important;
}
#Refinement .ms-ref-refinername{
	color:red !important;
	font-weight:bold !important;
}
</style>

Best Regards,

Dennis

---

TechNet Community Support
Please remember to mark the replies as answers if they help, and unmark the answers if they provide no help. If you have feedback for TechNet Support, contact [e-mail].

Answer 3

Thank you

---

DWM

Answer 4

Hi,

If my reply helps you, please mark the reply as answer, it will make others who stuck with the similar issue easier to search for valid solutions in this forum.

Best Regards,

Dennis

---

TechNet Community Support
Please remember to mark the replies as answers if they help, and unmark the answers if they provide no help. If you have feedback for TechNet Support, contact [e-mail].

Answer 5

PLease try this

<style>
#Refinement .ms-ref-name{
color:red !important;
font-weight:bold !important;
}
#Refinement .ms-ref-refinername{
color:red !important;
font-weight:bold !important;
}
</style>