Gå til innhold
Merk:: Denne artikkelen er oversatt av praktiske årsaker. Oversettelsen opprettes automatisk ved hjelp av oversettingsprogramvare, og det er ikke sikkert at den er korrekturlest. Den engelske versjonen av denne artikkelen skal regnes som den regjerende versjonen med den nyeste informasjonen. Du finner den her.

Legg til egendefinerte stiler i CTA (eldre)

Sist oppdatert: januar 29, 2024

Gjelder for:

Markedsføring Hub Professional, Enterprise
CMS Hub Professional, Enterprise
Eldre Marketing Hub Basic

Bruk HubSpots avanserte alternativer for CTA (eldre) til å lage svært tilpassede CTA-knapper som passer perfekt til nettstedets tema. Du kan bruke en egendefinert CSS-klasse for åstøtte egendefinerteklasseinnganger fra stilarket ditt eller legge til egendefinert CSS direkte i CTA-en.

Hvis du vil tilpasse CTA-en (legacy) ytterligere, kan du lære hvordan du redigerer CTA-størrelsen. Hvis du legger til en CTA (eldre) i en e-post eller mal, kan du lære hvordan du sentrerer CTA-en.

Merk: Egendefinerte stiler kan bare brukes på egendefinerte knapper og ikkebildeknapper.

Slik legger du til en egendefinert stil i CTA-knappene dine:

  • Gå til Markedsføring > Lead Capture > CTA-er i HubSpot-kontoen din.
  • Klikk på rullegardinmenyen øverst til venstre og velg CTA (eldre).
  • Hold musepekeren over en CTA og klikk på Handlinger > Rediger, eller klikk på Opprett CTA.
  • I panelet til høyre blar du nedover og klikker på Avanserte alternativer.

  • Du kan bruke egendefinert CSS-styling på CTA-en ved å bruke enten Custom CSS-klassen eller Custom CSS-alternativet. Hvis du bruker begge alternativene, kan det føre til problemer med utformingen eller visningen av CTA-et.
    • Egendefinert CSS-klasse: Legg til en egendefinert klasse i CTA-en for å støtte egendefinerte klasseinnganger. Dette er nyttig når flere CTA-er på nettsidene dine må dele et lignende sett med designegenskaper, for eksempel skrifttyper, størrelse eller til og med utfylling og marginer. Hvis du bruker en egendefinert CSS-klasse, må du sørge for at klassen inkluderes og utformes i CSS-stilarket som brukes som hovedstil for HubSpot-sidene dine.
    • Egendefinert CSS: Legg til egendefinerte stiler som kun gjelder for CTA-en du redigerer. I feltet Egendefinert CSS kan du legge til innebygde stiler som er spesifikke for denne CTA-en. Hvis du har et element i CTA-en du vil endre, kan du legge til en ny stilerklæring her før du lagrer endringene.
  • Nederst til høyre klikker du på Neste > for å fullføre opprettelsen eller redigeringen av CTA-en (eldre).

Var denne artikkelen nyttig?
Dette skjemaet brukes kun for tilbakemeldinger om dokumentasjon. Se hvordan du kan få hjelp med HubSpot.