> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://docs.staylive.io/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Hero/Cover image

Hero/Cover image är en sektion/komponent som visar en bild på en sida på plattformen. Till en Hero image kan du ange bildens höjd samt ange en titel och en undertitel ovanpå bilden.
Du kan även addera en "köp här-knapp" som leder besökaren till abonnemangsidan.

En Hero image kan även vara en video (utan ljud), du kan även ha en annan bild som är mer mobilanpassad.
![](https://storage.crisp.chat/users/helpdesk/website/acbaf8a9e186c000/hero_eeq18w.png)

# Redigera Hero/Cover image
Klicka på komponenten och gör dina uppdateringar/ändringar.
| Klicka på spara för att se ett utkast. Du måste klicka på **Publish** för att det ska uppdateras på sidan.

### Höjd
Ställ in bildens höjd. Det står i pixlar (px).

### Bakgrundsbild
Här laddar du upp din önskade bild. Välj en befintlig bild du sparat ned.
Det är även här du väljer om du hellre vill ha en video än en bild. Här lägger du till en annan version av din bild för mobilanpassning.
![](https://storage.crisp.chat/users/helpdesk/website/acbaf8a9e186c000/shot231005152450_brb027.png)

### Overlayfärg
Är en färg du kan ha ovanpå din bild. Du kan ange en färgkod (#) eller klicka på färgrutans vänstra hörn och via pennan klicka in en önskad färg.
![](https://storage.crisp.chat/users/helpdesk/website/acbaf8a9e186c000/shot231005153552_hp0y72.png)

### Titel och undertitel
Här anger du en titel och en undertitel till din hero image, om du vill ha detta. Lämna annars fälten tomma. Du kan även ha olika titlar i mobilvy.
* Skriv den titel och/eller undertitel du vill ha.
* Du kan ha titeln i olika storlekar: "Heading 1 (största) till Heading 6 (minsta)".
* Du kan ändra storlek på undertiteln via **styling underrubrik**, där du kan välja mellan **text-xl** till **text-2xl** och ända upp till **9xl**
![](https://storage.crisp.chat/users/helpdesk/website/acbaf8a9e186c000/shot231005154624_1bjwbm8.png)

### Köp här-knapp
* Tryck på **Lägg till ny knapp**.
* Namnge knappen
* Ange vart knappen ska leda, en länk till en undersida eller annan sida.
[Läs här hur du kan addera ny sida på plattformen](https://docs.staylive.io/sv/article/lagg-till-ny-sida-i-plattformen-1uhupo8/)
![](https://storage.crisp.chat/users/helpdesk/website/acbaf8a9e186c000/shot231005155143_1rme9xi.png)

### Logotyp, Nedre text och/eller nedräkning
Via dessa val kan du addera en logotyp ovanpå din hero image, ha en nedre text och/eller en nedräkning för ett specifikt datum.

![](https://storage.crisp.chat/users/helpdesk/website/acbaf8a9e186c000/shot231005155528_7kphh4.png)