# Duplicated Custom fields

**URL:** <https://forum.manager.io/t/duplicated-custom-fields/52819>\
**Category:** Uncategorized\
**Created:** [April 13, 2024, 7:04am UTC](https://forum.manager.io/t/duplicated-custom-fields/52819 "2024-04-13T07:04:15Z")\
**Posts on this page:** 1\
**Showing post:** 22

<div class="post-metadata">

**Author:** ![Mabaega](https://sea1.discourse-cdn.com/flex019/user_avatar/forum.manager.io/mabaega/32/47471_2.png) [@Mabaega](https://forum.manager.io/u/Mabaega)\
**Post date:** [April 13, 2024, 3:45pm UTC](https://forum.manager.io/t/duplicated-custom-fields/52819/22 "2024-04-13T15:45:37Z")

</div>

> [@eko](#):
>
> From the beginning I understood that you can not use new features such as Footers when using Custom themes. We decided to continue with Custom themes.

footers is work good in custom themes

```auto
{% if footers != null %}
    {% for footer in footers %}
        <div style="padding-top: 5px;">
            {{ footer }}
         </div>
    {% endfor %}
    {% endif %}

```

> [@eko](#):
>
> I was confused when @Mabaega said it can be done.

 ![image](https://us1.discourse-cdn.com/flex019/uploads/manager1/original/3X/a/c/aca5725906762683d1afe8b768685fddbdb12f82.png)

it should give you an idea  
this footer code for standard themes

```auto
<div style="background-color: lightblue; border: 2px solid red;
  border-radius: 5px;
  padding: 5px; color: blue; text-align: center;">Test Color Footers</div>
<div style="display: none;"><script>
document.addEventListener('DOMContentLoaded', function() {
    const printableDiv = document.getElementById('printable-content');
    if (!printableDiv) {
        return;
    }
    const table = printableDiv.querySelector('table');
    if (!table) {
        return;
    }
    const headerRows = table.querySelector('thead').getElementsByTagName('tr');
    const desiredStyle = 'font-weight: bold; padding: 5px 10px; border: 1px solid #000;';
    for (let i = 0; i < headerRows.length; i++) {
        const cells = headerRows[i].getElementsByTagName('td');
        let allCellsMatchStyle = true;
        for (let j = 0; j < cells.length; j++) {
            const cell = cells[j];
            const styleAttribute = cell.getAttribute('style');
            if (!styleAttribute || !styleAttribute.includes(desiredStyle)) {
                allCellsMatchStyle = false;
                break;
            } else {
                console.log(`Matching cell found in row ${i + 1}, cell index ${j + 1}: ${cell.textContent}`);
            }
        }
        if (allCellsMatchStyle) {
            console.log(`Matching cells found in row ${i + 1}:`);
            for (let j = 0; j < cells.length; j++) {
                cells[j].style.backgroundColor = 'lightgreen';
                console.log(` - Cell ${j + 1}: ${cells[j].textContent}`);
            }
        }
    }
});
</script></div>

```

and use other script to override @media print style

 ![image](https://us1.discourse-cdn.com/flex019/uploads/manager1/original/3X/3/2/32096f932472ce76f335ad21c9498dd605aee811.png)

---

_[View the full topic](https://forum.manager.io/t/duplicated-custom-fields/52819)._