Changing GDPR div.hs.richtext font size

[SPHolmes]

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

[dreweastmead]

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/t... + 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.

[piersg]

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

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

[dreweastmead]

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

[piersg · Accepted solution]

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.

[piersg]

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

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

[SPHolmes]

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

[SPHolmes]

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=Ueud... 

[piersg]

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?

[SPHolmes]

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

[piersg]

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

[piersg]

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.

[SPHolmes]

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

?

[piersg]

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

[SPHolmes]

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

[JessicaH]

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