> ## Documentation Index
> Fetch the complete documentation index at: https://docs.aftersell.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Schriftgrößen ändern

> Passe die Textgröße in Upcart mit Custom CSS an.

<div id="overview">
  # Überblick
</div>

Wenn du die Schriftgröße bestimmter Textelemente in deinem Warenkorb ändern möchtest (etwa Upsell-Titel oder Variantenoptionen), kannst du das über den integrierten **Custom-CSS**-Editor von Upcart tun.

***

<div id="step-1-inspect-the-element">
  ## Schritt 1: Das Element untersuchen
</div>

1. Öffne deinen Storefront und starte den Upcart-Drawer.
2. Klicke mit der rechten Maustaste auf das Element, dessen Schriftgröße du ändern möchtest.
3. Wähle im Kontextmenü deines Browsers **Untersuchen**, um die Developer Tools zu öffnen.
4. Finde den **Klassennamen** des Elements im HTML-Panel.\
   Beispiel: `upcart-item-option`

<div id="step-2-access-the-custom-css-editor">
  ## Schritt 2: Den Custom-CSS-Editor aufrufen
</div>

1. Gehe zu **Shopify Admin > Apps > Upcart**
2. Öffne den **Cart Editor**
3. Klicke auf **Settings**
4. Suche den Abschnitt **Custom CSS**

<div id="step-3-write-your-custom-css">
  ## Schritt 3: Dein Custom CSS schreiben
</div>

Im CSS-Eingabefeld:

1. Beginne mit einem Punkt (`.`), gefolgt vom Klassennamen
2. Füge `{ font-size: 14px !important; }` (oder deine gewünschte Größe) hinzu

Beispiel:

```
.upcart-item-option {  
 font-size: 14px !important;  
}
```

💡 **Hinweis:** `.upcart-item-option` ist eine V1-Klasse. In V2 ist der entsprechende Variantentext der Position `.upcart-public-component-product-tile__variant`. Die vollständige Übersicht findest du in der [V2-CSS-Selektor-Bibliothek](/de/upcart/upcart_css_selector_library_v2).

Verwende `!important` nur, wenn der Stil nach der Änderung nicht übernommen wird.

<div id="step-4-save-and-test">
  ## Schritt 4: Speichern und testen
</div>

1. Klicke im Cart Editor auf **Save**
2. Aktualisiere deine Storefront-Seite
3. Öffne den Cart Drawer und bestätige, dass die Schriftgröße aktualisiert wurde

Wenn sich der Text nicht geändert hat, überprüfe den Klassennamen noch einmal oder verwende erneut das Untersuchen-Tool des Browsers, um zu bestätigen, dass du das richtige Element ansprichst.