> ## 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.

# Brugerdefineret CSS

> Skriv CSS for at tilpasse designet af din cart drawer.

<div id="overview">
  # Oversigt
</div>

Denne sektion giver dig mulighed for at ændre udseendet af eksisterende kurvelementer eller anvende styles på brugerdefineret HTML, der er tilføjet via editoren.

<div id="where-to-find-it">
  ## **Her finder du det**
</div>

Gå til:\
**Upcart > Cart Editor > Settings > Custom CSS**\
Settings er en række faner; Custom CSS er en af dem, ved siden af Custom HTML. Hvis den ikke er synlig, ligger den bag **More settings**.

<div id="how-it-works">
  ## **Sådan fungerer det**
</div>

Du kan tilføje CSS for at:

* Style kurvens standardelementer
* Ændre udseendet af brugerdefineret HTML
* Justere afstand, justering, typografi og meget mere

Mens du skriver, vil en **autofuldførelses-popup** foreslå gyldige Upcart-selektorer for at gøre redigeringen hurtigere. Når du vælger et forslag, autofuldføres reglen, og det hjælper dig med at strukturere din kode. Hvis ændringerne ikke vises som forventet, så gennemgå de almindelige fejlfindingsforslag, såsom at opdatere cachen i både browseren og Upcart-editoren, kontrollere CSS-placeringer og sikre korrekt specificitet i dine CSS-regler.

<div id="using-selectors">
  ## **Brug af selektorer**
</div>

Upcart tilbyder et bredt udvalg af brugerdefinerede selektorer. Klik på **"Show list"** for at se alle tilgængelige muligheder. Undgå at bruge globale selektorer som `body`, `div` eller `h3`, medmindre de er afgrænset med `.upcart-cart`, for at forhindre utilsigtede ændringer i din webshop. I situationer, hvor styles ikke anvendes korrekt, kan du overveje at øge CSS-specificiteten eller tilføje `!important` til dine CSS-regler. Det sikrer, at de tilsidesætter eventuelle modstridende styles. Eksempel:

```
.upcart-cart .upcart-checkout-button {    border-radius: 20px !important;    background-color: #CFA17E !important;    color: #1A1A1A !important;}
```

Eksempel (sikker selektor):

```
.upcart-cart h3 { font-size: 20px; }
```

<div id="example-thank-you-message-styling">
  ## **Eksempel: Styling af takkebesked**
</div>

Antag, at du har tilføjet denne brugerdefinerede HTML under checkout-knappen:

```
<div class="thank-you-message">Thanks for shopping with us!</div>
```

Uden CSS vil beskeden se helt almindelig ud. For at style den:

```css theme={"theme":{"light":"snazzy-light","dark":"github-dark"}}
.thank-you-message { color: green; font-size: 16px; font-weight: bold; text-align: center; margin-top: 5px; }
```

<div id="common-problems-and-solutions">
  # Almindelige problemer og løsninger
</div>

<div id="css-not-appearing-on-mobile-devices">
  ## CSS vises ikke på mobile enheder
</div>

Hvis din brugerdefinerede tekst eller dine styles ikke er synlige på mobil:

* Opdater siden i både **Upcart Editor** og din mobilbrowser for at rydde cachelagrede versioner.
* Sørg for, at den senest publicerede kurvversion er aktiv.
* Bekræft, at CSS er gemt på fanen **Custom CSS** under **Upcart > Cart Editor > Settings**.

<div id="discrepancies-between-editor-and-live-store">
  ## Forskelle mellem editoren og den live butik
</div>

Hvis styles vises korrekt i editoren, men ikke på det live website, kan det være nødvendigt at øge selektor-specificiteten eller tilføje `!important` til de vigtigste regler.

```
.upcart-cart .upcart-checkout-button { font-size: 18px !important; background: blue !important; color: white !important; }
```

<div id="incorrect-css-selector-usage">
  ## Forkert brug af CSS-selektorer
</div>

Kontroller, at det er den korrekte klasse eller det korrekte ID, der rammes. Inkluder altid præfikser som `.upcart-` for Upcart-specifikke elementer for at undgå utilsigtede resultater. Hvis stylen ikke anvendes som forventet, skal du sikre dig, at selektoren `.thank-you-message` rammer det tilsigtede HTML-element præcist, og kontrollere, at CSS-koden er placeret på den rigtige fane (Upcart > Cart Editor > Settings > Custom CSS).

***

Support til tilpasninger:

Upcart Support kan ikke hjælpe med at implementere eller fejlfinde brugerdefineret CSS. Til avanceret hjælp med styling anbefaler vi at samarbejde med en Shopify Expert. Til fejlfinding af brugerdefineret CSS kan du se sektionen om almindelige problemer for vejledning i at løse problemer som manglende styles på mobile enheder, forskelle mellem editor-forhåndsvisninger og den live webshop samt forkert placering af selektorer.