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

# Justér størrelsen på sticky cart-knappen

> Tilpas størrelsen og placeringen af Upcarts sticky cart-knap med CSS.

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

Upcarts sticky cart-knap kan ændres i størrelse og flyttes med brugerdefineret CSS. Det giver dig mulighed for bedre at matche din butiks branding eller præferencer for brugeroplevelsen på både desktop og mobil.

Der er to tilgange tilgængelige, afhængigt af hvor meget kontrol du ønsker.

***

<div id="option-1-scaled-resizing-simple-setup">
  ## Mulighed 1: Skaleret størrelsesændring (enkel opsætning)
</div>

Denne metode bruger en enkelt skaleringsfaktor til at formindske eller forstørre knappen og ikonet proportionalt. Det er den nemmeste måde at justere knapstørrelsen på med minimal kode.

<div id="where-to-add-this">
  ## Her skal du tilføje det
</div>

Gå til **Upcart > Sticky Cart > Custom CSS**, og indsæt koden nedenfor.

```
/* Set your desired scale factor here */  
/* Recommended range: 1 (default) to 0.65 (smaller) */  
.upcart-sticky-widget {  
  transform: scale(0.55);  
}  
  
/* Scale up your quatity icon */  
/* Recommended range: 1 (default) to 1.25 (bigger) */  
.upcart-sticky-cart-quantity-icon {  
  transform: scale(calc(1.5));  
}
```

<div id="how-to-customize">
  ## Sådan tilpasser du
</div>

* Ændr `transform` for at ændre knappens størrelse (f.eks. `0.8`, `0.6`, `1.25` osv.)

<div id="option-2-pixel-specific-resizing-advanced-control">
  ## Mulighed 2: Pixelspecifik størrelsesændring (avanceret kontrol)
</div>

Denne metode giver dig mulighed for at styre hvert elements dimensioner individuelt med `px`-værdier. Brug den, når du ønsker præcise justeringer, der ikke er afhængige af skalering.

```
:root {  
  --widgetMainSize: 40px;  
  --widgetCartIconSize: 30px;  
  --widgetQuantityIconSize: 20px;  
}  
  
.upcart-sticky-widget {  
  height: var(--widgetMainSize) !important;  
  width: var(--widgetMainSize) !important;  
}  
  
[class*="styles_CartIcon"] {  
  left: -2px !important;  
  top: 4px !important;  
}  
  
.upcart-sticky-cart-quantity-icon {  
  height: var(--widgetQuantityIconSize) !important;  
  width: var(--widgetQuantityIconSize) !important;  
  top: -5px !important;  
  left: 25px !important;  
  z-index: 100 !important;  
}  
  
.upcart-sticky-widget svg {  
  display: block !important;  
  height: var(--widgetCartIconSize);  
}
```

<div id="how-to-customize-2">
  ## Sådan tilpasser du
</div>

* Justér variablerne i `:root` for at gøre hvert element større eller mindre
* Finjustér `left`- og `top`-værdierne i selektorerne for visuelt at centrere ikonet og badget

<div id="need-help">
  ## Brug for hjælp?
</div>

Hvis du er usikker på, hvilken metode der er den rigtige for dig, eller har brug for hjælp til at skrive brugerdefineret CSS, anbefaler vi, at du kontakter en Shopify Expert. Upcart-support hjælper ikke direkte med CSS-implementering.

[Se Shopify Experts](https://www.shopify.com/partners/directory)