NO | Knowledge Quick Answers

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

Skrevet av HubSpot Support | Jan 29, 2024 9:56:17 AM

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

Hvis du bruker en mal som inneholder et dra-og-slipp-område, kan du sentrere moduljusteringen i innholdsredigeringen. Du kan også sentrere moduler i sideredigeringsprogrammet ved hjelp av horisontale avstandsstykker.

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

Vær oppmerksom på dette:

  • Denne metoden krever en grunnleggende forståelse av HTML.
  • Hvis siden eller malen din har et vedlagt stilark eller ytterligere styling lagt til, kan det være eksisterende CSS som påvirker bildet, CTA (eldre) eller logoen din. HubSpot anbefaler at du samarbeider 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) eller en logo i en e-post- eller sidemal:

  • Naviger til innholdet ditt:

    • Nettstedssider:
    • Landingssider:
    • Blogg:
    • E-post:
  • Hold markøren over innholdet ditt, og klikk deretter på Rediger.
  • I redigeringsverktøyet får du tilgang til innstillingene for innholdet:
    • For innlegg og sider klikker du på Innstillinger-menyen og velger Avansert.
    • For e-post klikker du på Innstillinger-fanen og deretter på Avanserte alternativer .
  • I Mal-delen klikker du på Rediger denne malen for å åpne malen i designbehandleren.

  • Klikk på logoen, oppfordringen til handling eller bildemodulen i designbehandleren.
  • I høyre kolonne skriver du inn text-align: center; i feltet Inline styling .

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

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

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

  • Slik sentrerer du side- eller innleggsmoduler:
    • Naviger til innholdet ditt:

      • Nettstedssider:
      • Landingssider:
      • Blogg:
      Hold markøren over siden eller blogginnlegget , og klikk deretter Rediger.
    • I sideredigeringsprogrammet klikker du på modulen du vil sentrere.
    • Klikk på Stil-fanen i venstre panel, og klikk deretter på for å utvide delen Justering og avstand .
    • Under Justering velger du Midtstilt justering.

  • Slik sentrerer du e-postmodulene dine:
    • Gå til Markedsføring > E-post i HubSpot-kontoen din.
    • Hold musepekeren over e-posten din, og klikk deretter på Rediger.
    • Klikk på modulen du vil sentrere.
    • I venstre panel klikker du på rullegardinmenyen Justering og velger Sentrer.

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

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

Slik sentrerer du modulen ved hjelp av et horisontalt avstandsstykke:

  • Naviger til innholdet ditt:

    • Nettstedssider:
    • Landingssider:
    • Blogg:
  • Klikk på + Legg til i venstre kolonne i innholdsredigeringsprogrammet.
  • Søk etter horisontale avstandsstykker i søkefeltet.
  • Klikk på og dra de horisontale avstandsstykkene til hver side av modulen du vil sentrere. Juster deretter bredden på avstandsstykkene for å sentrere elementet.