Articles on: GENERAL

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:

.sk-event-str-time{

display:none;
}

.sk_event_description {

display:none;
}


.sk_reviews_grid-content {

padding: 5px !important;

text-align: left !important;
}



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

Updated on: 11/29/2023

Was this article helpful?

Share your feedback

Cancel

Thank you!