Why Do I See Dots Before My Custom Fields?

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

<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, you may see an unwanted dot appearing immediately before the video, which can make the layout look odd.

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.