Hi everyone,
I’m struggling with changing privacy policy text size on the bottom of the form on a website. I’ve found a couple of topics describing that I need to add CSS rule, but there is no description how to do that.
I use Drive theme and here you have the page:
Hello @MTajak
To change the privacy policy text size on the bottom of the form on your website, you can add a CSS rule to the page. Here’s how you can do it: Open the page where you want to change the text size.Edit the page and find the HTML module that contains the privacy policy text. Click on the HTML module to open the editor and switch to the HTML view. Add a class to the paragraph element that contains the privacy policy text. For example, you can add class="privacy-policy". Save the HTML module and close the editor.
Add the following CSS rule to your website’s stylesheet:
.privacy-policy {
font-size: 12px; /* Replace with your desired font size */
}
Save the stylesheet and publish the page.
This will change the font size of the privacy policy text on the bottom of the form. Note that the font size specified in the CSS rule (in this example, 12px) can be adjusted to your desired size.
Thank you, @himanshurauthan, for your reply!
@himanshurauthan wrote:
Add a class to the paragraph element that contains the privacy policy text. For example, you can add class=“privacy-policy”.
How to find with element containing the privacy policy text? By editing the template I can’t find anything related with “GDPR”, “Privacy” etc.
maybe because on the template(that I’m editing) this privacy setting is turned off:
Another issue is that I can not edit the HTML file:
Hubspot forms already wrap privacy text with a class
form .legal-consent-container p {
font-size: 10px;
}
Unfortunately, I can’t edit the css file because it’s locked by template
Hmm… You could add that line wrapped in a <style> tag to your website settings in Site header/footer