Kort i dynamiska sektioner

Kort i dynamiska sektioner förstärker ditt innehålls visuella tilltalande genom att lägga till en bakgrundsfärg till objekten under sektionen.

Detta hjälper till att skapa rena och organiserade avsnitt, vilket gör din webbplats mer visuellt engagerande och lättare att navigera.

I den här artikeln


Hela kortet / textkortet

  • När du slår på Fullständigt / Textkort över dina dynamiska sektioner kommer listobjekten att ha en kontur och bakgrund med kortfärgen.
    Se även: Webbplatsens färger och mellanrum.

Fullständigt kort

  • När alternativet för helkort är valt, tillämpas kortfärgen och andra egenskaper du angav på hela kortet, dvs. bilden och texten under det.

Ta en titt: 

Text kort

  • När alternativet textkort är valt, tillämpas kortfärgen och andra egenskaper du angett endast på texten (under bilden).

Ta en titt: 


Stilkort

Kortstylingsalternativen är tillgängliga i Stil flik i sektionen (höger låda). Stylingalternativen är följande:

Kort

  1. Visa som kort: Välj att visa listobjekten som Full-/textkort. Det här alternativet kan variera beroende på vilken layout som valts för avsnittet. Läs mer.
  2. Kortavstånd: Välj att ha ett gemensamt eller olika kortavstånd för varje sida av listobjekten och ange ett nummer (i px) för kortavstånd av listobjektets bilder.
    Om du har valt delade hörn kan du ställa in olika kortavstånd för varje sida av kortet.
  3. Kortets hörnradie: ange kortets hörnradie för listobjektets kort i px.
  4. Gör korthöjderna lika: Välj om höjden på korten ska vara enhetlig över alla föremål eller justera baserat på innehållet i varje föremål.


Om du har valt en layout där texten visas över bilden, kommer följande alternativ att visas:

  • Visa kort: Denna växling avgör om kortet visas eller inte. Följande alternativ är tillgängliga:
    • off: Stänger av kortet helt och hållet och lämnar endast bilden och texten synlig i sektionen.
    • Ovan bild: Visar kortet ovanför bilden. Denna layout fungerar bra för design där du vill att texten ska vara i fokus före bilden.
    • Nedan bild: Visar kortet under bilden. Detta är idealiskt för design där bilden är det primära fokuset, följt av det beskrivande innehållet. Om ingen bild laddas upp för ett objekt, kommer kortet att visas för det objektet som standard.


Kort färger

  1. Välj kortet färg att vara ingen eller standard eller anpassad. Om det förinställda alternativet är valt, är kortfärgen inställd i Design avsnitt används här.
  2. Om du har valt det anpassade alternativet, ange sedan grundfärg och 
  3. Text färg av kortet.
  4. Välj att aktivera Hover Effect för kortet.
  5. ange basfärg för kortvyn.
  6. ange textfärg för kortvyn.


Kortgräns

  1. Placera – Välj att ha en gemensam eller annan kortkant för varje sida av listobjekten och ange ett nummer (i px) för kortets kant.
    Om du har valt delade hörn kan du ställa in olika kortgränser för varje sida av kortet.
  2. Välj Stil av kortkanten.
  3. Välja Standard kortets kantfärg eller Custom Färg.
  4. If Custom alternativet är valt, ange färgen.


Hittar du inte det du letar efter?

Ta kontakt med en Pixpa-expert.