# Visitor Counter

**URL:** https://community.elfsight.com/c/css-codes/visitor-counter/205.md

[Latest](https://community.elfsight.com/latest.md) · [Categories](https://community.elfsight.com/categories.md) · [Tags](https://community.elfsight.com/tags.md)

---

## [Align widget to the center](https://community.elfsight.com/t/align-widget-to-the-center/61014)

<div class="topic-metadata">

**Author:** [@Max](https://community.elfsight.com/u/Max)\
**Replies:** 0\
**Last updated:** [July 11, 2024, 5:54pm UTC](https://community.elfsight.com/t/align-widget-to-the-center/61014 "2024-07-11T17:54:23Z")

</div>

Add this code to the Custom CSS field on the Style tab of your Visitor Counter widget’s settings: \[class\*="EmbedRoot\_\_Root-sc"\] { display: flex; justify-content: center; } \[class\*="widget\_\_VisitorCounterComponent-sc"\] …

---

## [Add shadow around container](https://community.elfsight.com/t/add-shadow-around-container/37860)

<div class="topic-metadata">

**Author:** [@Max](https://community.elfsight.com/u/Max)\
**Replies:** 0\
**Last updated:** [January 17, 2024, 1:53pm UTC](https://community.elfsight.com/t/add-shadow-around-container/37860 "2024-01-17T13:53:42Z")

</div>

Add this code to the Custom CSS field on the Style tab of your Visitor Counter widget’s settings: \[class^="widget\_\_VisitorCounterComponent-sc"\]{ box-shadow: 0 0 25px 0 rgba(0,0,0,0.1); }

---

## [Change font (Visitor Counter)](https://community.elfsight.com/t/change-font-visitor-counter/37873)

<div class="topic-metadata">

**Author:** [@Max](https://community.elfsight.com/u/Max)\
**Replies:** 0\
**Last updated:** [January 17, 2024, 2:50pm UTC](https://community.elfsight.com/t/change-font-visitor-counter/37873 "2024-01-17T14:50:12Z")

</div>

Add this code to the Custom CSS field on the Style tab of your Visitor Counter widget’s settings: \[class\*="widget\_\_VisitorCounterComponent-sc"\] { font-family: 'Tajawal', sans-serif;; } You are very welcome to use any…