Tilføj tilpassede stilarter til din CTA (ældre)
Sidst opdateret: juni 12, 2024
Gælder for:
Marketing Hub Professional , Enterprise |
Content Hub Professional , Enterprise |
Tidligere Marketing Hub Basic |
Brug HubSpots avancerede muligheder for CTA'er (legacy) til at skabe meget tilpassede CTA-knapper, der passer perfekt til dit websitetema. Du kan bruge en brugerdefineret CSS-klasse til atunderstøtte brugerdefineredeklasseinput fra dit stilark eller tilføje brugerdefineret CSS direkte til CTA'en.
Hvis du vil tilpasse din CTA (legacy) yderligere, kan du lære, hvordan du redigerer din CTA-størrelse. Hvis du tilføjer din CTA (legacy) til en e-mail eller skabelon, kan du lære at centrere din CTA.
Bemærk: Brugerdefinerede stilarter kan kun anvendes på brugerdefinerede knapper og ikke på billedknapper.
Sådan tilføjer du en brugerdefineret stil til din CTA-knap:
- På din HubSpot-konto skal du navigere til Marketing > CTA'er.
- Klik på rullemenuen øverst til venstre, og vælg CTA'er (ældre).
- Hold musen over en CTA, og klik på Handlinger > Rediger, eller klik på Opret CTA.
-
Rul ned i højre panel, og klik på Avancerede indstillinger.
- Du kan anvende brugerdefineret CSS-styling på din CTA ved kun at bruge enten klassen Brugerdefineret CSS eller indstillingen Brugerdefineret CSS. Hvis begge muligheder anvendes, kan det resultere i problemer med din CTA-styling eller -visning .
- Brugerdefineret CSS-klasse: Tilføj en brugerdefineret klasse til din CTA for at understøtte brugerdefinerede klasseinput. Det er nyttigt, når flere CTA'er på tværs af dine websider skal dele et lignende sæt designegenskaber, f.eks. skrifttypefamilier, størrelse eller endda udfyldning og margener. Hvis du bruger en brugerdefineret CSS-klasse, skal du sikre dig, at klassen er inkluderet og stylet i det CSS-stilark, der anvendes som hovedstil for dine HubSpot-sider.
- Brugerdefineret CSS: Tilføj brugerdefinerede stilarter, der kun gælder for den CTA, du redigerer. I feltet Custom CSS kan du anvende inline-styling, der er specifik for den pågældende CTA. Hvis du har et element i CTA'en, du gerne vil ændre, skal du tilføje en ny stildeklaration her, før du gemmer dine ændringer.
- Nederst til højre kan du klikke på Næste > for at afslutte oprettelsen eller redigeringen af din CTA (legacy).