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.

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

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

Here's an example of a class name that is highlighted on the screenshot: class="sk-google-reviews-write-review-btn"

Below are sample Custom CSS codes for reference:

.profile-name{
	color: red !important;
}

.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.

Updated on: 05/05/2024