---
title: "Why Do I See Dots Before My Custom Fields? - Advanced Custom Fields"
description: "By default, Joomla displays custom fields inside a list structure: &lt;ul class=\"fields-container\"&gt;   &lt;li class=\"field-entry\"&gt;&lt;/li&gt;"
url: "https://www.tassos.gr/docs/advanced-custom-fields/troubleshoot/why-do-i-see-dots-before-my-custom-fields"
date: "2026-04-05T04:07:22+00:00"
language: "en-GB"
---

[ Home ](https://www.tassos.gr/index.php?option=com_content&view=category&layout=blog&id=24&Itemid=1088) / [ Advanced Custom Fields ](https://www.tassos.gr/index.php?option=com_content&view=category&id=44) / [ Troubleshooting ](https://www.tassos.gr/index.php?option=com_content&view=category&id=112)

#  Why Do I See Dots Before My Custom Fields?

By default, Joomla displays custom fields inside a list structure:

 ```html
<ul class="fields-container">
  <li class="field-entry"></li>
  <li class="field-entry"></li>
  <li class="field-entry"></li>
</ul>
```

Each field is wrapped in an `<li>` tag. Depending on your template’s stylesheet, unordered lists `<ul>` and list items `<li>` may be styled with dots or other markers in front of the content.

This means that when you display something like an [ACF Video field](https://www.tassos.gr/docs/advanced-custom-fields/fields/video), you may see an unwanted dot appearing immediately before the video, which can make the layout look odd.

 Note: This issue is not related to Advanced Custom Fields. This occurs because Joomla renders custom fields in conjunction with your template’s CSS.

## [Workaround: Remove the Dots with CSS](#workaround-remove-the-dots-with-css)

To hide these dots, you can add a small CSS override to your template:

 ```
ul.fields-container {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

```

This will remove the default list markers and ensure your fields display cleanly without dots.

 Last updated on Oct 3rd 2025 10:10

## Schema

```json
{
    "@context": "https://schema.org",
    "@type": "BreadcrumbList",
    "itemListElement": [
        {
            "@type": "ListItem",
            "position": 1,
            "name": "Home",
            "item": "https://www.tassos.gr"
        },
        {
            "@type": "ListItem",
            "position": 2,
            "name": "Home",
            "item": "https://www.tassos.gr/docs"
        },
        {
            "@type": "ListItem",
            "position": 3,
            "name": "Advanced Custom Fields",
            "item": "https://www.tassos.gr/docs/advanced-custom-fields"
        },
        {
            "@type": "ListItem",
            "position": 4,
            "name": "Troubleshooting",
            "item": "https://www.tassos.gr/docs/advanced-custom-fields/troubleshoot"
        },
        {
            "@type": "ListItem",
            "position": 5,
            "name": "Why Do I See Dots Before My Custom Fields?",
            "item": "https://www.tassos.gr/docs/advanced-custom-fields/troubleshoot/why-do-i-see-dots-before-my-custom-fields"
        }
    ]
}
```

```json
{
    "@context": "https://schema.org",
    "@type": "Article",
    "mainEntityOfPage": {
        "@type": "WebPage",
        "@id": "https://www.tassos.gr/docs/advanced-custom-fields/troubleshoot/why-do-i-see-dots-before-my-custom-fields"
    },
    "headline": "Why Do I See Dots Before My Custom Fields?",
    "image": {
        "@type": "ImageObject",
        "url": "https://www.tassos.gr/"
    },
    "publisher": {
        "@type": "Organization",
        "name": "Tassos",
        "logo": {
            "@type": "ImageObject",
            "url": "https://www.tassos.gr/https://www.tassos.gr/media/brand/logo-text.png"
        }
    },
    "author": {
        "@type": "Person",
        "name": "Tassos Marinos",
        "url": "https://www.tassos.gr/docs/advanced-custom-fields/troubleshoot/why-do-i-see-dots-before-my-custom-fields"
    },
    "datePublished": "2025-10-03T10:37:51+03:00",
    "dateCreated": "2025-10-03T10:37:51+03:00",
    "dateModified": "2025-10-03T10:44:02+03:00"
}
```
