Edit the look of a table

RomainCH · July 11

Hello Besupport team 🫶

I used some code of one of your demo template :

<table>

<tbody>

<tr>

<td>Fruité</td>

<td>[progress_icons icon="fas fa-circle" count="5" active="5" transparent="1"]</td>

<td>Épicé/Boisé</td>

<td>[progress_icons icon="fas fa-circle" count="5" active="4" transparent="1"]</td>

</tr>

<tr>

<td>Floral</td>

<td>[progress_icons icon="fas fa-circle" count="5" active="4" transparent="1"]</td>

<td>Minéral</td>

<td>[progress_icons icon="fas fa-circle" count="5" active="4" transparent="1"]</td>

</tr>

</tbody>

</table>

So it look like that, it is really not but I would like to make it even more simple, so I checked the CSS to hide :

-table tr:first-child td box-shadow

-table th, table td border-style

So it looks like this :

I wanted to know if there is a way to adjust this differently or is this the best option I have ?

Thank you for your help.

Best

Romain

Albert · July 11

Hi Romain,

the options you mentioned are the only one includede for tables. If you want to customize it even more, you need to use custom css.

Comments