GDPR

Maeglin
Participant | Elite Partner
Participant | Elite Partner

GDPR change font-size of Privacy text

SOLVE

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
tjoyce
Solution
Recognized Expert | Elite Partner
Recognized Expert | Elite Partner

GDPR change font-size of Privacy text

SOLVE

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

20 Replies 20
donrua
Top Contributor

GDPR change font-size of Privacy text

SOLVE

the solutions offered were appreciated and helpful.

However, to Hubspot admins...

Would be nice if in Settings for global forms, or for global privacy GDPR settings, if there were some global GDPR style settings options. All of our forms blew up in size, and most were paired with a column beside it of content, which is not distorted to **bleep** across dozens of pages with the flick of a GDPR switch.

donrua_0-1660670490393.png

 

kvlschaefer
Community Manager
Community Manager

GDPR change font-size of Privacy text

SOLVE

Hi @donrua,

 

Thank you for your feedback.

 

I would highly recommend you to please submit this product suggestion to the ideas forum.

 

Our product team, who monitors the forum regularly, can read your specific use case and understand why this would be a useful functionality or change. It also helps other customers facing the same issue to advocate for its implementation on your behalf by upvoting on the thread as well. 

 

Thank you,

Kristen


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

GDPR change font-size of Privacy text

SOLVE

Doesn't work:

.legal-consent-container {
    line-height: 10px !important;
}

.hs-richtext {
    line-height: 10px !important;
}

 

 

Tried the above and about 20 different combinations of everything suggested on these 3 Hubspot threads:

... and nothing works. I just want to reduce the line height. Anyone have any new ideas? I feel like customization of forms has been a challenge for years. Even simple stuff like this. 🙄

0 Upvotes
Maeglin
Participant | Elite Partner
Participant | Elite Partner

GDPR change font-size of Privacy text

SOLVE

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 | Elite Partner
Recognized Expert | Elite Partner

GDPR change font-size of Privacy text

SOLVE

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;
}
LDubois
Member

GDPR change font-size of Privacy text

SOLVE

Hello,

 

I changed the css as your said and only one part of the text is changing (the 12px text in the bottom). Do you know why? 

 

Screenshot 2021-09-13 at 16.41.45.png

0 Upvotes
Maeglin
Participant | Elite Partner
Participant | Elite Partner

GDPR change font-size of Privacy text

SOLVE

Amazing, you rock! Thanks @tjoyce 😄

0 Upvotes
tjoyce
Recognized Expert | Elite Partner
Recognized Expert | Elite Partner

GDPR change font-size of Privacy text

SOLVE

@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 | Elite Partner
Participant | Elite Partner

GDPR change font-size of Privacy text

SOLVE

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 | Elite Partner
Recognized Expert | Elite Partner

GDPR change font-size of Privacy text

SOLVE

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;
}
JMcKenzie9
Participant

GDPR change font-size of Privacy text

SOLVE

Hi everyone. Where exactly do you add this code? I have a WordPress site with forms embedded. Here is a link to a test page: https://www.yprime.com/demo-cp-test/ 

Do I add the code to the HubSpot form embed code? 

Thanks for any advice. 

0 Upvotes
BAksoy
Member

GDPR change font-size of Privacy text

SOLVE

Hi @tjoyce 

 

My question is similar with the above one but is also little bit specific. We haven’t created any page on Hubpost  yet (web page is inclueded ). I’ve just created my first landing page on Hubspot and implemented GDPR text on this form page but I can not change the font-size in the exisiting landing page because I am not able to find from where to change this code on the page.

 

Do you think the reason is could be we haven't created any page before? or is there a way to do this anyway? I hope I made myself clear!

 

Thanks in advance,

Buse

BR,

0 Upvotes
tjoyce
Recognized Expert | Elite Partner
Recognized Expert | Elite Partner

GDPR change font-size of Privacy text

SOLVE

Hi @BAksoy - Can you please send a preview link to the page in question? I'm sure we can figure something out, as long as it's not a form in an iframe.

BAksoy
Member

GDPR change font-size of Privacy text

SOLVE

Hi @tjoyce ;

 

Is there any update about the issue?

 

Thanks,

Buse

BR,

0 Upvotes
BAksoy
Member

GDPR change font-size of Privacy text

SOLVE

Hi @tjoyce ;

 

Here is the links as a preview mode. In addition, the text I linked in the GDPR form in this url ( https://flexigo-25231604.hubspotpagebuilder.eu/tr-tr/hibrit-calisma?hs_preview=PCpvPeES-44507630818appears in dark color.  Is that possible to make it white color?

 

https://flexigo-25231604.hubspotpagebuilder.eu/tr-tr/hibrit-calisma?hs_preview=PCpvPeES-44507630818

https://flexigo-25231604.hubspotpagebuilder.eu/tr-tr/-temporary-slug-6dabafa4-aa2e-4898-8570-2571f3c...

 

 

Thanks in advance,

Buse

BR,

 

Ekran Resmi 2021-11-12 13.32.21.png

 

 

 

0 Upvotes
tjoyce
Recognized Expert | Elite Partner
Recognized Expert | Elite Partner

GDPR change font-size of Privacy text

SOLVE

@BAksoy - Can you please share a publicly accessible link?

0 Upvotes
BAksoy
Member

GDPR change font-size of Privacy text

SOLVE

@tjoyce ; How long does it take time to fix this issue? We would like to publish the landing pages once they fixed.

Could you please tell me from where I can share with you publicly accessible link ?

 

Thanks in advance,

Buse

BR,

0 Upvotes
BAksoy
Member

GDPR change font-size of Privacy text

SOLVE

@tjoyce , How can I do that? I am new on Hubspot dashboard. Can you please send me a screenshout about it?

I understand better how to do it.

 

Thanks,

Buse

Regards,

0 Upvotes
Maeglin
Participant | Elite Partner
Participant | Elite Partner

GDPR change font-size of Privacy text

SOLVE

Great! Thanks @tjoyce 

TitiCuisset
Community Manager
Community Manager

GDPR change font-size of Privacy text

SOLVE

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 !