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 logotypmodul på din sida, blogg eller i ditt e-postmeddelande genom att lägga till inline-styling i din mall.

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

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

Observera att:

  • Denna metod 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 (äldre) 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.

Så här centrerar du en bild, CTA (äldre) eller logotyp i en e-post- eller 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 anger du text-align: center; i fältet Inline-styling .

  • Klicka på Publicera ändringar längst upp 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 dra-och-släpp-område kan du i vissa moduler eller avsnitt välja att ställa in inriktningen direkt. Observera dock att det här stylingalternativet kanske inte är tillgängligt i alla mallar eller moduler.

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

      • Webbplatssidor:
      • Landningssidor:
      • Blogg:
      Håll muspekaren över sidan eller blogginlägget och klicka sedan 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 .

  • Så här centrerar du dina e-postmoduler:
    • I ditt HubSpot-konto navigerar du till Marknadsföring > E-post.
    • 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 (äldre) eller logotyp med hjälp av horisontella distanser

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

Så här centrerar du din modul med hjälp av ett horisontellt mellanlägg:

  • 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 på 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.