> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.sociablekit.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to locate element classes of Custom CSS?

Here's a tutorial on how to locate element classes that you will use on the Custom CSS feature.

*  On your widget's customization page hover over to the element you wish to know the class. Example will be the **"Write a review"** button.


![](https://storage.crisp.chat/users/helpdesk/website/-/9/a/0/e/9a0e4f74247be800/image_1xkkewx.png)

*  Click the right mouse button and select **"Inspect element"**.


![](https://storage.crisp.chat/users/helpdesk/website/-/9/a/0/e/9a0e4f74247be800/image_oouwpr.png)

*  Locate the **"class"** on the highlighted code. The value of the class is the class of the element you are looking for. 


![](https://storage.crisp.chat/users/helpdesk/website/-/9/a/0/e/9a0e4f74247be800/image_9o2oxw.png)

Here's an example of a class name that is highlighted on the screenshot: class="sk-badge_write"


Below are sample Custom CSS codes for reference:

```css
.profile-name{
	color: red !important;
}
```
---
```css
.linkedin-page-post-profile-container{
	display:none;
}
```


*Note: If your custom CSS did not work add "!important" to your code to override the current CSS of the widget.*