Centrera en bild, CTA (legacy) eller logotyp i ett e-postmeddelande eller på en sida
Senast uppdaterad: juli 8, 2024
Tillgänglig med något av följande abonnemang, om inte annat anges:
Marketing Hub Professional , Enterprise |
Content Hub Professional , Enterprise |
Tidigare Marketing Hub Basic |
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: I ditt HubSpot-konto navigerar du till Innehåll > Webbplatssidor.
- Landningssidor: I ditt HubSpot-konto navigerar du till Innehåll > Landningssidor.
- Blogg: I ditt HubSpot-konto navigerar du till Innehåll > Blogg.
- E-post: I ditt HubSpot-konto navigerar du till Marknadsföring > E-postmeddelande med marknadsföring.
- 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: I ditt HubSpot-konto navigerar du till Innehåll > Webbplatssidor.
- Landningssidor:
- Blogg: I ditt HubSpot-konto navigerar du till Innehåll > Blogg.
- 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: I ditt HubSpot-konto navigerar du till Innehåll > Webbplatssidor.
- Landningssidor: I ditt HubSpot-konto navigerar du till Innehåll > Landningssidor.
- Blogg: I ditt HubSpot-konto navigerar du till Innehåll > 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.