Product description table layout/description changed

Store Design
, ,
1

Hello,

I always use the same layout for my product descriptions, now all of a sudden something is changing the way my product looks. I am confused and it is difficult to explain so I added two screenshots as an example.

As you see the vertical line disapeared in the second screenshot and there seems to be more space in between rows ? If I copy the exact same html from the code editor and paste it in a new product to test, it will display as in the second image :(.

tres-nuit-juist
tres-nuit-juist676×329 14.1 KB

tres-nuit-fout
tres-nuit-fout718×482 14.5 KB

The first picture is how I want it and how I always used it , the second picture shows the result with the exact same html code currently.

<div style="text-align: left;" data-mce-style="text-align: left;">
<table width="100%" style="height: 137.157px;">
<tbody>
<tr style="height: 19.5938px;">
<td style="height: 19.5938px;" data-mce-style="width: 35.7303%%;"><strong>Parfumhuis</strong></td>
<td style="width: 64.2697%; height: 19.5938px;" data-mce-style="width: 64.2697%;">Armaf</td>
</tr>
<tr style="height: 19.5938px;">
<td style="height: 19.5938px;" data-mce-style="width: 35.7303%%;"><strong>Parfum</strong></td>
<td style="width: 64.2697%; height: 19.5938px;" data-mce-style="width: 64.2697%;"><span>Tres Nuit</span></td>
</tr>
<tr style="height: 19.5938px;">
<td style="height: 19.5938px;" data-mce-style="width: 35.7303%%;"><strong>Concentraat</strong></td>
<td style="width: 64.2697%; height: 19.5938px;" data-mce-style="width: 64.2697%;"><span>Eau de Parfum</span></td>
</tr>
<tr style="height: 19.5938px;">
<td style="height: 19.5938px;" data-mce-style="width: 35.7303%%;"><strong>Parfumeur</strong></td>
<td style="width: 64.2697%; height: 19.5938px;" data-mce-style="width: 64.2697%;"><span>Niet gekend</span></td>
</tr>
<tr style="height: 19.5938px;">
<td style="height: 19.5938px;" data-mce-style="width: 35.7303%%;"><strong>Seizoen</strong></td>
<td style="width: 64.2697%; height: 19.5938px;" data-mce-style="width: 64.2697%;">Lente, Zomer</td>
</tr>
<tr style="height: 19.5938px;">
<td style="height: 19.5938px;" data-mce-style="width: 35.7303%%;"><strong>Tijd</strong></td>
<td style="width: 64.2697%; height: 19.5938px;" data-mce-style="width: 64.2697%;"><span>Dag</span></td>
</tr>
<tr style="height: 19.5938px;">
<td style="height: 19.5938px;" data-mce-style="width: 35.7303%%;"><strong>Jaar</strong></td>
<td style="width: 64.2697%; height: 19.5938px;" data-mce-style="width: 64.2697%;"><span>2020</span></td>
</tr>
</tbody>
</table>

Thank you in advance for any help

2

Hello,

Hope you are doing well.

I am San from MS Web Designer.

Kindly share the store URL so that we can check and assist you.

Do let me know in case of any concerns.

Regards,

San

3

Hello @INA_MSWEB , thank you for your support. I found a solution for the issue already, thanks again for the help :-).

4

Hello,

Hope you are doing well.

Thank you for your response.

If you need any further assistance do let me know.

Regards,

San

5

@Bramm I am having the same issue with the phantom code, identical to what you’re showing, being added somehow to tables. How did you solve/fix this without going through every product and deleting?