Legg til egendefinerte stiler i CTA-en din (eldre)

Bruk HubSpots avanserte alternativer for CTA (legacy) 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 din (eldre) ytterligere, kan du lære hvordan du redigerer CTA-størrelsen. Hvis du legger til CTA (legacy) i en e-post eller mal, kan du lære hvordan du sentrerer CTA.

Merk: Egendefinerte stiler kan bare brukes på egendefinerte knapper, ikke på bildeknapper.

Slik legger du til en egendefinert stil på CTA-knappen:

• Klikk på rullegardinmenyen øverst til venstre, og velg CTA-er (eldre).
• Hold markøren over en CTA og klikk på Handlinger > Rediger, eller klikk på Opprett CTA.

• I høyre panel blar du nedover og klikker på Avanserte alternativer.

• Du kan bruke egendefinert CSS-styling på CTA-en din ved å bruke enten Egendefinert CSS-klassen eller alternativet Egendefinert CSS. Hvis du bruker begge alternativene, kan det føre til problemer med stylingen eller visningen av CTA-en.
  • Egendefinert CSS-klasse: Legg til en egendefinert klasse i CTA-en for å støtte innganger med egendefinerte klasser. Dette er nyttig når flere CTA-er på tvers av nettsidene dine må dele et lignende sett med designkarakteristikker, for eksempel skriftfamilier, størrelse eller til og med utfylling og marginer. Hvis du bruker en egendefinert CSS-klasse, må du sørge for at klassen er inkludert og utformet i CSS-stilarket som brukes som hovedstil for HubSpot-sidene dine.
  • Tilpasset CSS: Legg til egendefinerte stiler som kun skal gjelde for CTA-en du redigerer. I Custom CSS-feltet kan du legge til innebygd styling som er spesifikk for den aktuelle CTA-en. Hvis du har et element i CTA-en du ønsker å endre, legger du til en ny stilerklæring her før du lagrer endringene.
• Klikk på Neste > nederst til høyre for å fullføre opprettelsen eller redigeringen av CTA-en (eldre).