GDPR change font-size of Privacy text

SOLVE
Maeglin
Participant | Gold Partner

Hi guys,

 

I'm looking for a way to only change the font-size of the 'Privacy text' on my forms.

I've been able to add the .legal-consent-container to my .css file, however this changes the font for the full container.

 

How chan I change only this specific text on forms?

Maeglin_0-1611320155668.png

 

0 Upvotes
1 Accepted solution

Accepted Solutions
tjoyce
Solution
Recognized Expert | Platinum Partner

Thanks @Maeglin - This code should work

.legal-consent-container {
    font-size: 16px;
}
.legal-consent-container .hs-richtext ~ .hs-richtext {
    font-size: 12px;
    line-height: 16px;
}

View solution in original post

8 Replies 8
TiphaineCuisset
Community Manager

Hi @Maeglin 

 

Thank you for reaching out

 

I want to tag some of our experts on this - @thesnappingdog @tjoyce any thoughts to share with @Maeglin on this? 

 

Thank you!

Best

Tiphaine


Saviez vous que la Communauté est disponible en français?
Rejoignez les discussions francophones en changeant votre langue dans les paramètres !

Did you know that the Community is available in other languages?
Join regional conversations by changing your language settings !


tjoyce
Recognized Expert | Platinum Partner

@Maeglin - Can you please link us to a live page your form is on... we could possible give you some further css code

0 Upvotes
Maeglin
Participant | Gold Partner

Thanks @tjoyce !

Please have a look here: https://content.fruitionpartners.nl/it4it-increasing-value-whitepaper

 

I would only like to make the highlighted section in yellow a smaller font (on all forms).

Maeglin_0-1611582698883.png

 

tjoyce
Solution
Recognized Expert | Platinum Partner

Thanks @Maeglin - This code should work

.legal-consent-container {
    font-size: 16px;
}
.legal-consent-container .hs-richtext ~ .hs-richtext {
    font-size: 12px;
    line-height: 16px;
}

View solution in original post

Maeglin
Participant | Gold Partner

Great! Thanks @tjoyce 

Maeglin
Participant | Gold Partner

Now I'm updating this form to a non-hubspot (wordpress) page with the embed code, but it seems that this new style doesnt show there..

Example: https://www.fruitionpartners.nl/services/aiops/

How can I fix this?

@tjoyce  Any chance you are a wizard at wordpress too?

0 Upvotes
tjoyce
Recognized Expert | Platinum Partner

Lol, you're in luck, I am a wordpress wizard 😄 However, this is simpler than it seems... just change the code to this...

.legal-consent-container {
    font-size: 16px;
}
.legal-consent-container .hs-richtext ~ .hs-richtext p {
    font-size: 12px !important;
    line-height: 16px;
}
Maeglin
Participant | Gold Partner

Amazing, you rock! Thanks @tjoyce 😄

0 Upvotes