# easy-elements/1.4.5/widgets/counter/css/counter.css

Easy Elements for Elementor – Addons & Website Templates, version 1.4.5. 140 lines.

- Page: https://pluginprobe.com/plugins/easy-elements/1.4.5/code/widgets/counter/css/counter.css
- Raw: https://pluginprobe.com/plugins/easy-elements/1.4.5/raw/widgets/counter/css/counter.css
- Modified: 2026-05-17T12:27:16+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/easy-elements/1.4.5/code/widgets/counter/css/counter.css#L10-L20`.

```css
:root {
  --e-global-color-primary: #FFD012;
  --e-global-color-secondary: #0B3665;
}

.eel-cnt-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.eel-cnt-number-wrap {
  font-size: 70px;
  font-weight: 600;
  line-height: 1;
  color: var(--e-global-color-secondary);
  display: flex;
  place-items: center;
}

.eel-cnt-title {
  font-size: 16px;
  font-weight: 400;
  display: inline-block;
  margin: 0;
}

.eel-cnt-icon {
  place-items: center;
  display: grid;
}

.eel-cnt-icon svg {
  width: 60px !important;
  height: 60px !important;
  fill: var(--e-global-color-secondary);
}

.eel-cnt-icon i {
  font-size: 40px;
}

/* left */
.eel-cnt-icon-pos-left .eel-cnt-wrap {
  flex-direction: row;
  text-align: left;
  justify-content: flex-start;
}

.eel-cnt-icon-pos-left .eel-cnt-icon {
  margin-right: 12px;
}

/* right */
.eel-cnt-icon-pos-right .eel-cnt-wrap {
  flex-direction: row-reverse;
  text-align: right;
  justify-content: flex-end;
}

.eel-cnt-icon-pos-right .eel-cnt-icon {
  margin-left: 12px;
}

/* top */
.eel-cnt-icon-pos-top .eel-cnt-wrap {
  flex-direction: column;
  text-align: center;
}

.eel-cnt-icon-pos-top .eel-cnt-icon {
  margin-bottom: 12px;
}

/* bottom */
.eel-cnt-icon-pos-bottom .eel-cnt-wrap {
  flex-direction: column-reverse;
  text-align: center;
}

.eel-cnt-icon-pos-bottom .eel-cnt-icon {
  margin-top: 12px;
}

/* Title position (number vs title layout) */
.eel-cnt-content {
  display: flex;
  flex-direction: column;
}

.eel-cnt-title-pos-top .eel-cnt-content {
  flex-direction: column-reverse;
}

.eel-cnt-title-pos-left .eel-cnt-content {
  flex-direction: row-reverse;
  align-items: center;
}

.eel-cnt-title-pos-right .eel-cnt-content {
  flex-direction: row;
  align-items: center;
}

.eel-cnt-title-pos-left .eel-cnt-title,
.eel-cnt-title-pos-right .eel-cnt-title {
  margin-top: 0;
}

/* Odometer */
.eel-cnt-odometer-wrap {
  display: inline-flex;
  align-items: flex-end;
  line-height: 1;
}

.eel-cnt-odometer-digit {
  display: inline-block;
  overflow: hidden;
  height: 1em;
  line-height: 1em;
  vertical-align: bottom;
}

.eel-cnt-odometer-roll {
  display: block;
  will-change: transform;
}

.eel-cnt-odometer-num {
  display: block;
  height: 1em;
  line-height: 1em;
}

.eel-cnt-odometer-sep {
  display: inline-block;
  line-height: 1em;
}
```