Centrera en bild, knapp CTA eller logotyp i ett e-postmeddelande eller på en sida
Senast uppdaterad: maj 22, 2023
Tillgänglig med något av följande abonnemang, om inte annat anges:
|
|
Tidigare Marketing Hub Basic |
Om du använder layoutmallar som skapats i designhanteringsverktyget kan du centrera en bild, en CTA-knapp eller en logotypmodul på sidan, bloggen eller e-postmeddelandet genom att lägga till inline-formgivning i mallen.
Om du använder en mall som innehåller ett dra-och-släpp-område kan du centrera modulens anpassning i innehållsredigeraren. Du kan också centrera moduler i sidredigeraren med hjälp av horisontella distanser.
Centrera en bild, knapp CTA eller logotyp med inline styling
Observera:
- Den här metoden kräver en grundläggande förståelse för HTML.
- Om din sida eller mall har ett bifogat formatmallblad eller om ytterligare formgivning har lagts till kan det finnas befintlig CSS som påverkar din bild, CTA eller logotyp. HubSpot rekommenderar att du samarbetarmed en designer för att identifiera källan till stilen och göra de nödvändiga ändringarna för att centrera dina tillgångar.
Så här centrerar du en bild, knapp CTA eller logotyp i ett e-postmeddelande eller en sidmall:
- I ditt HubSpot-konto navigerar du till dina målsidor, din webbsida, ditt blogginlägg eller din instrumentpanel för e-post.
- Håll muspekaren över sidan, blogginlägget eller e-postmeddelandet och klicka sedan på Redigera.
- Klicka på fliken Inställningarhögst upp i innehållsredigeraren.
- På fliken Inställningar bläddrar du nedåt och klickar påAvancerade alternativ.
- I avsnittet Mallklickar du påRedigera den här mallen. Denna åtgärd öppnar din mall i layoutredigerareni en ny flik eller ett nytt fönster.
- I din layoutmall klickar du på logotypen, kallelsen till handling eller bildmodulen för att välja den i inspektören.
- I fältet Inline Styling lägger du till CSS text-align: center ;

- Klicka på Publicera ändringar uppe till höger för att tillämpa ändringarna på den här mallen.
- Återgå sedan till innehållsredigeraren och uppdatera webbläsaren för att ändringarna i mallen ska visas. Innehållet i den här modulen kommer nu att vara centrerat på din sida, blogg eller e-post.
Centrera en bild, knapp CTA eller logotyp från modulens stilalternativ.
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 inriktningen direkt. Observera dock att detta stylingalternativ kanske inte är tillgängligt i alla mallar eller moduler.
- Så här centrerar du sidmodulerna:
- I ditt HubSpot-konto navigerar du till dina landningssidor, webbsidor eller blogginlägg.
- Håll muspekaren över sidan eller blogginlägget och klicka sedan på Redigera.
- I sidredigeraren klickar du på den modul som du vill centrera.
- I den vänstra panelen klickar du på fliken Stilar .
- Klicka på för att utöka Utjämning och avstånd.
- Under Justering väljer du Centrerad justering.
- Centrera dina e-postmoduler:
- I ditt HubSpot-konto navigerar du tillMarknadsföring > E-post.
- Håll muspekaren över din sida eller ditt blogginlägg och klicka sedan på Redigera.
- Klicka på den modul som du vill centrera.
- I den vänstra panelen klickar du på rullgardinsmenyn Anpassning och väljer Centrera.
Centrera en bild, knapp CTA eller logotyp med hjälp av horisontella distanser
Om den modul du använder inte har några alternativ för justering kan du från sidredigeraren lägga till horisontella distanser på sidan för att centrera modulerna i stället.
Observera att modulen för horisontella avståndstagare inte är tillgänglig med Starter-mallar.
Så här centrerar du din modul med hjälp av en horisontell distans:
- I ditt HubSpot-konto navigerar du till dina landningssidor, din webbplats eller ditt blogginlägg.
- Sök efter horisontell spacer i sökfältet.
- Klicka på och dra de horisontella distanserna till varje sida av den modul som du vill centrera. Justera sedan avståndstagarens bredd för att centrera elementet.