How do I remove the small dot from the footer policies?

Shopify Discussion

Topic summary

A user encountered an unwanted small dot appearing in their Shopify store’s footer policies section, as shown in an attached screenshot.

Solution Provided:

  • Navigate to Shopify admin → Online Store → Themes → Actions → Edit code
  • Open the CSS file (base.css, style.css, or theme.css) in the Assets folder
  • Add the following CSS code at the bottom:
.footer__copyright .policies li:before {
  content: '';
}
  • Save the changes

Outcome:
The solution successfully removed the dot from the footer. The user confirmed it worked and expressed gratitude for the help.

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

TheDuckDuck_0-1730057445848.png
TheDuckDuck_0-1730057445848.png534Ă—124 5.69 KB

URL is: https://dododuck.ca/products/dodo-duck

2

Hi @TheDuckDuck

Try this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.footer__copyright .policies li:before {
    content: '';
}

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!

1 Like
3

This removed all the dots which looks way better! Thank you so much!