topic Re: Changing GDPR div.hs.richtext font size in GDPR

Changing GDPR div.hs.richtext font size

SPHolmes — Tue, 08 Dec 2020 09:33:51 GMT

Hi folks, i know the GDPR font size issue has been covered before but I can't find a solution in the community to the .hs-richtext. Whatever i try in the stylesheet, I can't get it to change the font size on my form.

This is what the form loks like:

And this is what i've currently got in my stylesheet:

I'm neither a designer or a developer, so if you could keep your answers simple that would be great. 😀

Betreff: Changing GDPR div.hs.richtext font size

JessicaH — Wed, 09 Dec 2020 08:03:06 GMT

Hi @SPHolmes,

Thanks for reaching out.
I want to tag in some subject matter experts to see if they have any suggestions.
Hi @Anton @piersg @Chris-M, do you have any thoughts on this?

Thanks!
Jess

Re: Changing GDPR div.hs.richtext font size

piersg — Wed, 09 Dec 2020 08:36:01 GMT

Hi @SPHolmes, this one rule for legal-consent-container should do it. You don't need rules for .legal-consent-container p and .hs-richtext p so replace those two with the below:

.legal-consent-container { font-size: 10px; }

Re: Changing GDPR div.hs.richtext font size

SPHolmes — Wed, 09 Dec 2020 09:11:35 GMT

Thank you. I've implemented something similar and it has reduced all of the text but it has also reduced the form header text size. Now, whenever I change the header text size it allos changes the size of the bottom half of the GDPR text.

Steve

Re: Changing GDPR div.hs.richtext font size

piersg — Wed, 09 Dec 2020 09:14:02 GMT

Can you link the page this form is on please? It'll be easier when I can inspect the form and see what stylings are applied where.

Re: Changing GDPR div.hs.richtext font size

SPHolmes — Wed, 09 Dec 2020 09:17:14 GMT

Can you see this preview:https://app.hubspot.com/content/8709725/edit/38272857772/preview

Re: Changing GDPR div.hs.richtext font size

piersg — Wed, 09 Dec 2020 09:19:19 GMT

No, that's a link to your hubspot portal/platform. You can get a shareable preview link by clicking the "Copy shareable link" button top right after clicking "Preview" while editing page

Re: Changing GDPR div.hs.richtext font size

SPHolmes — Wed, 09 Dec 2020 09:28:11 GMT

http://arquella.hubspotpagebuilder.com/worlds-first-smart-nurse-call-system-arquella?hs_preview=UeudxOrP-38272857772

Re: Changing GDPR div.hs.richtext font size

piersg — Wed, 09 Dec 2020 09:46:32 GMT

That's the one. I'm not sure what you mean by "form header text", there's no heading or title in the form (unless you mean the field labels?). Can you add a screenshot of the form with the form header text labelled in some way, or tell me what the form header text says, so I know what to look at?

Re: Changing GDPR div.hs.richtext font size

SPHolmes — Wed, 09 Dec 2020 10:48:51 GMT

Sorry, I actually deleted the form header because it looked too small due to this problem. I've added it back in on this version: http://arquella.hubspotpagebuilder.com/worlds-first-smart-nurse-call-system-arquella?hs_preview=UeudxOrP-38272857772

Re: Changing GDPR div.hs.richtext font size

piersg — Wed, 09 Dec 2020 10:50:25 GMT

No worries. You just need to delete this CSS rule:

#hs_cos_wrapper_module_14128851332208862 .form-title { font-size: 10px !important; }

Re: Changing GDPR div.hs.richtext font size

SPHolmes — Wed, 09 Dec 2020 12:31:13 GMT

There's no sign of that rule in the CSS file. 🙁

Re: Changing GDPR div.hs.richtext font size

piersg — Wed, 09 Dec 2020 13:40:17 GMT

I think it's being added in the settings for the page itself. This style is added when you customise the style of a module inside the content editor.

Re: Changing GDPR div.hs.richtext font size

dreweastmead — Fri, 08 Apr 2022 20:53:09 GMT

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 this thread + https://community.hubspot.com/t5/CMS-Development/Need-help-formatting-GDPR-text-at-bottom-of-forms/td-p/197259 + https://community.hubspot.com/t5/GDPR/GDPR-change-font-size-of-Privacy-text/m-p/525172

.... and nothing works. I just want to reduce the line height.

Re: Changing GDPR div.hs.richtext font size

piersg — Mon, 11 Apr 2022 12:32:46 GMT

@dreweastmead In your case you need to target the paragraph child element of .legal-consent-container specifically

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

Re: Changing GDPR div.hs.richtext font size

dreweastmead — Fri, 15 Apr 2022 22:49:56 GMT

Hi @piersg - thank you for trying to help me. Unfortunately, that didn't work either.