Hoppa till innehåll
Observera: Översättningen av denna artikel är endast avsedd att underlätta för dig. Översättningen har skapats automatiskt med hjälp av en översättningsprogramvara och har eventuellt inte korrekturlästs. Den engelska versionen av denna artikel bör därför betraktas som den gällande versionen med den senaste informationen. Du kan komma åt den här.

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:

Marketing Hub Professional, Enterprise
CMS Hub Professional, Enterprise
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 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:


Hjälpte artikeln?
Detta formulär används endast för dokumentationsfeedback. Få reda på hur du får hjälp med HubSpot.