Sentrer et bilde, en CTA (eldre versjon) eller en logo i en e-post eller på en side

Hvis du bruker layoutmaler som er opprettet i designbehandlingsverktøyet, kan du sentrere et bilde, en CTA (eldre versjon) eller en logomodul på siden, bloggen eller e-posten ved å legge til innebygd styling i malen.

Hvis du bruker en mal som inneholder et dra-og-slipp-område, kan du sentrere moduljustering i innholdsredigeringsprogrammet. Du kan også sentrere moduler i sideditoren ved hjelp av vannrette avstandsstykker. 

Merk: Kontoer som er opprettet etter 17. mars 2025, har ikke tilgang til CTA-verktøyet (Legacy).

Sentrer et bilde, en CTA (eldre versjon) eller en logo med innebygd styling 

Å sentrere et bilde med innebygd styling krever en grunnleggende forståelse av HTML. Hvis siden eller malen har et vedlagt stilark eller ytterligere styling lagt til, kan det være eksisterende CSS som påvirker bildet, CTA (eldre) eller logoen. HubSpot anbefaler å samarbeide med en designer for å identifisere kilden til stylingen og gjøre de nødvendige endringene for å sentrere ressursene dine. 

Slik sentrerer du et bilde, en CTA (eldre versjon) eller en logo i en e-post- eller sidemal:

• Gå til innholdet ditt:

  • Nettstedssider: Gå til Innhold > Nettstedssider i HubSpot-kontoen din.
  • Landingssider: Gå til Innhold > Landingssider i HubSpot-kontoen din.
  • Blogg: Gå til Innhold > Blog i HubSpot-kontoen din.
  • E-post: Gå til Markedsføring > E-post i HubSpot-kontoen din.

• Hold musepekeren over innholdet, og klikk deretter på Rediger.
• I redigeringsprogrammet får du tilgang til innholdsinnstillingene: 
  • For innlegg og sider klikker du  på Innstillinger-menyen og velger Avansert.
  • Klikk kategorien Innstillinger for e-post, og klikk deretter for å utvide delen Avanserte alternativer . 

• Klikk på   Rediger denne malen i Mal-delen for å åpne malen i utformingsbehandlingen. 

• I designbehandlingen klikker du på logoen, handlingsoppfordringen eller bildemodulen. 
• Skriv inn text-align: center; i kolonnen til høyre i feltet Inline styling .

 

• Klikk på Publiser endringer øverst til høyre for å bruke endringene i denne malen.

Sentrer et bilde, en CTA (eldre versjon) eller en logo fra modulens stylingalternativer

Hvis du bruker en mal med et dra-og-slipp-område, i enkelte moduler eller seksjoner, kan du velge å angi justeringen direkte. Vær oppmerksom på at dette stylingalternativet kanskje ikke er tilgjengelig på alle maler eller moduler. 

• For å sentrere side- eller innleggsmoduler:

  • Gå til innholdet ditt:

    • Nettstedssider: Gå til Innhold > Nettstedssider i HubSpot-kontoen din.
    • Landingssider: Gå til Innhold > Landingssider i HubSpot-kontoen din.
    • Blogg: Gå til Innhold > Blog i HubSpot-kontoen din.
    Hold musepekeren over siden eller blogginnlegget, og klikk deretter på Rediger.
  • I sideditoren klikker du på modulen du vil sentrere. 
  • Klikk på Stiler-fanen i det venstre panelet, og klikk deretter for å utvide justerings- og avstandsdelen . 
  • Velg Senterjustering under Justering. 
    
    

• Slik sentrerer du e-postmodulene: 
  • Gå til Markedsføring > E-post i HubSpot-kontoen din.
  • Hold musepekeren over eposten din, og klikk deretter på Rediger.
  • Klikk på modulen du vil sentrere. 
  • Klikk på rullegardinmenyen Justering i det venstre panelet, og velg Senter. 
    
    

Sentrer et bilde, en CTA (eldre) eller en logo ved hjelp av horisontale avstandsstykker

Hvis modulen du bruker ikke har justeringsalternativer, kan du legge til horisontale avstandsstykker på siden din for å sentrere moduler i stedet fra innholdsredigeringsprogrammet. 

Slik sentrerer du modulen ved hjelp av et horisontalt avstandsstykke: 

• Gå til innholdet ditt:

  • Nettstedssider: Gå til Innhold > Nettstedssider i HubSpot-kontoen din.
  • Landingssider: Gå til Innhold > Landingssider i HubSpot-kontoen din.
  • Blogg: Gå til Innhold > Blog i HubSpot-kontoen din.
• Klikk på + Legg til i kolonnen til venstre i innholdsredigeringsprogrammet. 
• Søk etter vannrett avstandsstykke i søkefeltet. 
• Klikk og dra de horisontale avstandsstykkene til hver side av modulen du vil sentrere. Juster deretter avstandsstykkets bredde for å sentrere elementet.