Privacy Policy bullet points larger font

Store Design
, , , , ,

Topic summary

A user noticed that bullet point text in their Shopify store’s privacy policy appears much larger than regular paragraph text, despite both being formatted as paragraphs.

Problem: Inconsistent font sizing between bulleted lists and standard paragraph text on the privacy policy page.

Solutions Provided:
Multiple community members offered nearly identical CSS fixes:

  1. Navigate to: Online Store → Themes → Edit Code
  2. Open the theme’s CSS file (theme.css or base.css)
  3. Add CSS targeting either:
    • .shopify-policy__body ul li (more specific)
    • .rte li (broader scope)
  4. Set font-size to 12.33px with !important flag

Key Technical Details:

  • All solutions involve adding custom CSS to override default styling
  • The !important declaration ensures the custom size takes precedence
  • Multiple responders included screenshots showing the corrected result
  • Font size of 12.33px matches the existing paragraph text

Status: Multiple working solutions provided; awaiting user confirmation of which approach was implemented.

Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.
1

Dear community!
I noticed that in our privacy policy, the font gets much larger when there are bullet points, although it is set to “paragraph” so it should be the same size as the rest of the paragraph text. Anyone knows how to solve it? I want the bullet point text to be the same as all the paragraph text. Thanks for your help!

link - https://maisonmagdalena.com/policies/privacy-policy
Website passwrod- MaisonMagdalena.222

2

Hi @MagdalenaBB

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.css / based.css file and paste the code in the bottom of the file.
.shopify-policy__body ul li {
    font-size: 12.33px !important;
 letter-spacing: 0px !important;
}

Result:

websensepro_0-1736508360762.png
websensepro_0-1736508360762.png1365×581 40.8 KB

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!

3

@MagdalenaBB

Home → Themes → Edit Code → base.css → paste the code on last line

.rte li{
font-size:12px;
}

Sivadarshan_0-1736508208435.png
Sivadarshan_0-1736508208435.png1888×865 64.5 KB

If this code works accept the solution and like it

4

Hello @MagdalenaBB

Go to online store ----> themes ----> actions ----> edit code ---->base.css
add this code at the end of the file and save.

.rte li {
font-size: 12.33px !important;
}

result

130.png
130.png1440×919 57.4 KB

If this was helpful, hit the like button and accept the solution.
Thanks

5

Hey @MagdalenaBB ,

  1. Go to your Shopify Admin panel → Online Store → Theme → Edit code
  2. Open your theme.css / based.css file and paste the code in the bottom of the file
.shopify-policy__body ul li {
    font-size: 12.33px !important;
}

Mateen_Asghar_0-1736509168515.png
Mateen_Asghar_0-1736509168515.png643×376 12.4 KB

If this solves your problem, kindly like and mark it as an accepted solution.

Thanks!