Senast uppdaterad: januari 20, 2023
Om du vill centrera en bild, en knapp CTA eller en logotypmodul på din sida, blogg eller e-post lägger du till inline styling i mallen i designhanteringsverktyget. De här instruktionerna gäller för layoutmallar som skapats i designhanteringsverktyget.
Om du använder en mall som innehåller ett drag-och-släpp-område kan du centrera modulens justering i sidredigeraren.
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 någon 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ällningar högst upp i innehållsredigeraren.
- På fliken Inställningar bläddrar du nedåt och klickar på Avancerade alternativ.
- I avsnittet Mall klickar 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.
- Lägg till följande CSS i fältet Inline Styling :
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 uppdateringen i webbläsaren för att ändringarna ska visas i mallen. Ditt innehåll i den här modulen kommer nu att vara centrerat på din sida, blogg eller e-post.