Changing GDPR div.hs.richtext font size

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

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

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

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

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.

Can you see this preview:Edit Page | HubSpot

?

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

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

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?

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

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

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

There’s no sign of that rule in the CSS file. :slightly_frowning_face:

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.

35178i5AC8021A2DED37FA.png

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.

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

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

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