GDPR change font-size of Privacy text

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?

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

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

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).

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

Great! Thanks @tjoyce

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,

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.

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-44507630818 ) appears 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-2571f3cf2b89?hs_preview=IlNmikgn-44519948996

Thanks in advance,

Buse

BR,

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

@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,

@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,

Hi @tjoyce ;

Is there any update about the issue?

Thanks,

Buse

BR,

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.

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?

Lol, you’re in luck, I am a wordpress wizard :grinning_face_with_smiling_eyes: 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;
}

Amazing, you rock! Thanks @tjoyce :grinning_face_with_smiling_eyes:

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?

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. :roll_eyes:

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.