# Less Befehl wird nicht umgesetzt

**URL:** <https://forum.shopware.com/t/less-befehl-wird-nicht-umgesetzt/50239>\
**Category:** Themes & Design\
**Created:** [3. Januar 2018 um 01:11 UTC](https://forum.shopware.com/t/less-befehl-wird-nicht-umgesetzt/50239 "2018-01-03T01:11:13Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![jozi](https://avatars.discourse-cdn.com/v4/letter/j/b4bc9f/32.png) [@jozi](https://forum.shopware.com/u/jozi)\
**Post date:** [3. Januar 2018 um 01:11 UTC](https://forum.shopware.com/t/less-befehl-wird-nicht-umgesetzt/50239/1 "2018-01-03T01:11:13Z")

</div>

Hallo,

ich hoffe es kann mir wer helfen.Ich würde gerne die Page-Header mit einer kleinen Unterstreichung versehen. Dazu habe ich den ::after-Tag per less deffiniert.Mit folgendem Code:

```
	.page-header {
		border: 0 none;
		color: #233e47;
		display: block;
		font-weight: 700;
		letter-spacing: 1px;
		margin-top: 0;
		margin-bottom: 30px;
		padding: 0;
		text-align: center;
		text-transform: uppercase;
		widht: 100%;
			::after {
				border-bottom: 1px solid #e5e6e9;
				content: '';
				display: block;
				left: calc(50% - 45px);
				margin-top: 8px;
				position: absolute;
				width: 90px;
				text-align: center;
		}
	}

```

&nbsp;

ich versuche es jetzt schon Stunden, aber es funktioniert nicht. Statt

```
left: calc(50% - 45px);

```

wird im frontend immer nur

```
left: calc(5%);

```

ausgegeben. Was ist in meiner Less-Datei falsch?

Danke für hoffentliche Hilfe,

Jozi

---

<div class="post-metadata">

**Author:** ![brettvormkopp](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/brettvormkopp/32/7788_2.png) [@brettvormkopp](https://forum.shopware.com/u/brettvormkopp)\
**Post date:** [3. Januar 2018 um 01:27 UTC](https://forum.shopware.com/t/less-befehl-wird-nicht-umgesetzt/50239/2 "2018-01-03T01:27:53Z")

</div>

schonmal folgendes probiert:

```
left: ~"calc(50% - 45px)";

```

Ansonsten gabs da nicht irgendwelche unitize funktionen in Shopware?

---

<div class="post-metadata">

**Author:** ![NextMike](https://avatars.discourse-cdn.com/v4/letter/n/838e76/32.png) [@NextMike](https://forum.shopware.com/u/NextMike)\
**Post date:** [3. Januar 2018 um 16:07 UTC](https://forum.shopware.com/t/less-befehl-wird-nicht-umgesetzt/50239/3 "2018-01-03T16:07:29Z")

</div>

Mal abgesehen davon Du hast da&nbsp;widht statt&nbsp;width stehen.

---

<div class="post-metadata">

**Author:** ![EikeBrandtWarneke](https://avatars.discourse-cdn.com/v4/letter/e/cdc98d/32.png) [@EikeBrandtWarneke](https://forum.shopware.com/u/EikeBrandtWarneke)\
**Post date:** [3. Januar 2018 um 16:21 UTC](https://forum.shopware.com/t/less-befehl-wird-nicht-umgesetzt/50239/4 "2018-01-03T16:21:50Z")

</div>

Du darfst außerdem

.bla {  
&nbsp; &nbsp; :after {}  
}

nicht mit

.bla {  
&nbsp; &nbsp; &:after {}  
}

verwechseln.

Schau dir doch das generierte css vorher mal an.

Viele Grüße