HubSpot Kunskapsbas

Centrera en bild, CTA (legacy) eller logotyp i ett e-postmeddelande eller på en sida

Skriven av HubSpot Support | Nov 2, 2021 2:05:58 PM

Om du använder layoutmallar som skapats i designhanteringsverktyget kan du centrera en bild, CTA (legacy) eller logomodul på din sida, blogg eller i ditt e-postmeddelande genom att lägga till inline-stil i din mall.

Om du använder en mall som innehåller en dra-och-släpp-yta kan du centrera modulinriktningen i innehållsredigeraren. Du kan också centrera moduler i sidredigeraren med hjälp av horisontella distanser.

Observera: konton som skapats efter den 17 mars 2025 har inte tillgång till CTA-verktyget (legacy).

Centrera en bild, CTA (legacy) eller logotyp med inline-stil

Centrering av en bild med inline-stil kräver en grundläggande förståelse för HTML. Om din sida eller mall har en bifogad stilmall eller någon ytterligare styling tillagd kan det finnas befintlig CSS som påverkar din bild, CTA (legacy) eller logotyp. HubSpot rekommenderar att du samarbetar med en designer för att identifiera källan till stylingen och göra nödvändiga ändringar för att centrera dina tillgångar.

För att centrera en bild, CTA (legacy) eller logotyp i ett e-postmeddelande eller en sidmall:

  • Navigera till ditt innehåll:

    • Webbplatssidor:
    • Landningssidor:
    • Blogg:
    • E-post:
  • Håll muspekaren över ditt innehåll och klicka sedan på Redigera.
  • I redigeraren öppnar du innehållets inställningar:
    • För inlägg och sidor klickar du på menyn Inställningar och väljer Avancerat.
    • För e-postmeddelanden klickar du på fliken Inställningar och sedan på för att expandera avsnittet Avancerade alternativ .
  • I avsnittet Mall klickar du på Redigera den här mallen för att öppna mallen i designhanteraren.

  • I designhanteraren klickar du på logotypen, uppmaningen till handling eller bildmodulen.
  • I den högra kolumnen skriver du text-align: center; i fältet Inline-stil .

 
  • Klicka på Publicera ändringar uppe till höger för att tillämpa ändringarna på den här mallen.

Centrera en bild, CTA (legacy) eller logotyp från modulens stylingalternativ

Om du använder en mall med ett drag-och-släpp-område kan du i vissa moduler eller avsnitt välja att ställa in justeringen direkt. Observera dock att detta stylingalternativ kanske inte är tillgängligt i alla mallar eller moduler.

  • För att centrera sid- eller postmoduler:
    • Navigera till ditt innehåll:

      • Webbplatssidor:
      • Landningssidor:
      • Blogg:
      Håll muspekaren över din sida eller ditt blogginlägg och klicka sedan på Redigera.
    • I sidredigeraren klickar du på den modul som du vill centrera.
    • Klicka på fliken Stilar i den vänstra panelen och klicka sedan på för att expandera avsnittet Justering och avstånd.
    • Under Justering väljer du justeringen Centrera .

 

  • För att centrera dina e-postmoduler:
    • I ditt HubSpot-konto navigerar du till Marketing > Email.
    • Håll muspekaren över ditt e-postmeddelande och klicka sedan på Redigera.
    • Klicka på den modul som du vill centrera.
    • I den vänstra panelen klickar du på rullgardinsmenyn Justering och väljer Centrera.

 

Centrera en bild, CTA (legacy) eller logotyp med hjälp av horisontella distanser

Om den modul du använder inte har några inriktningsalternativ kan du i innehållsredigeraren lägga till horisontella distanser på sidan för att centrera modulerna istället.

Centrera din modul med hjälp av ett horisontellt distansstycke:

  • Navigera till ditt innehåll:

    • Webbplatssidor:
    • Landningssidor:
    • Blogg:
  • Klicka på + Lägg till i den vänstra kolumnen i innehållsredigeraren.
  • Sök efter horisontella distanser i sökfältet.
  • Klicka och dra de horisontella distanserna till vardera sidan av den modul som du vill centrera. Justera sedan distansens bredd så att du centrerar ditt element.