What's your biggest current challenge? Have your say in Community Polls along the right column.

How to add an html code under the specifications.

How to add an html code under the specifications.

vhR1
Tourist
12 0 2

Hello, I would like to add the following code under my specifications. The problem is that I end up crushing the complete code by trying to do so: <style type="text/css">
.tg {border-collapse:collapse;border-spacing:0;}
.tg td{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
overflow:hidden;padding:10px 5px;word-break:normal;}
.tg th{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}
.tg .tg-c3ow{border-color:inherit;text-align:center;vertical-align:top}
.tg .tg-0pky{border-color:inherit;text-align:left;vertical-align:top}
</style>
<table class="tg">
<thead>
<tr>
<th class="tg-0pky">THC</th>
<th class="tg-c3ow">14%</th>
</tr>
</thead>
<tbody>
<tr>
<td class="tg-0pky">CBD</td>
<td class="tg-c3ow">2%</td>
</tr>
<tr>
<td class="tg-0pky">GROWING</td>
<td class="tg-c3ow">AUTOFLOWERING</td>
</tr>
<tr>
<td class="tg-0pky">GENETICS</td>
<td class="tg-c3ow">30% SATIVA 70% INDICA</td>
</tr>
<tr>
<td class="tg-0pky">TASTE</td>
<td class="tg-c3ow">SPICY-FRUIT-CHILLI</td>
</tr>
</tbody>
</table>

 

specifications.png

Please let me know if you have any solution to this problem!

Replies 2 (2)

Martini4a
Shopify Partner
85 8 7

Hey @vhR1 

Can you please try this code and let me know the results. 

<style>
.tg{border-collapse:collapse;border-spacing:0}.tg td{border-color:black;border-style:solid;border-width:1px;font-family:Arial,sans-serif;font-size:14px;overflow:hidden;padding:10px 5px;word-break:normal}.tg th{border-color:black;border-style:solid;border-width:1px;font-family:Arial,sans-serif;font-size:14px;font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal}.tg .tg-c3ow{border-color:inherit;text-align:center;vertical-align:top}.tg .tg-0pky{border-color:inherit;text-align:left;vertical-align:top}
</style>
<table class="tg">
  <thead>
    <tr>
      <th class="tg-0pky">THC</th>
      <th class="tg-c3ow">14%</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td class="tg-0pky">CBD</td>
      <td class="tg-c3ow">2%</td>
    </tr>
    <tr>
      <td class="tg-0pky">GROWING</td>
      <td class="tg-c3ow">AUTOFLOWERING</td>
    </tr>
    <tr>
      <td class="tg-0pky">GENETICS</td>
      <td class="tg-c3ow">30% SATIVA 70% INDICA</td>
    </tr>
    <tr>
      <td class="tg-0pky">TASTE</td>
      <td class="tg-c3ow">SPICY-FRUIT-CHILLI</td>
    </tr>
  </tbody>
</table>
If helpful, kindly Like and Accept Solution
Need help? Hire me
Click here to support; it takes under 1 minute.
vhR1
Tourist
12 0 2

Hello, the issue stays the same..

that's what's the whole code ends up looking like <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-info-circle" viewBox="0 0 16 16">
<path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"></path>
<path d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"></path>
</svg>
<style>
.tg{border-collapse:collapse;border-spacing:0}.tg td{border-color:black;border-style:solid;border-width:1px;font-family:Arial,sans-serif;font-size:14px;overflow:hidden;padding:10px 5px;word-break:normal}.tg th{border-color:black;border-style:solid;border-width:1px;font-family:Arial,sans-serif;font-size:14px;font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal}.tg .tg-c3ow{border-color:inherit;text-align:center;vertical-align:top}.tg .tg-0pky{border-color:inherit;text-align:left;vertical-align:top}
</style>
<table class="tg">
<thead>
<tr>
<th class="tg-0pky">THC</th>
<th class="tg-c3ow">14%</th>
</tr>
</thead>
<tbody>
<tr>
<td class="tg-0pky">CBD</td>
<td class="tg-c3ow">2%</td>
</tr>
<tr>
<td class="tg-0pky">GROWING</td>
<td class="tg-c3ow">AUTOFLOWERING</td>
</tr>
<tr>
<td class="tg-0pky">GENETICS</td>
<td class="tg-c3ow">30% SATIVA 70% INDICA</td>
</tr>
<tr>
<td class="tg-0pky">TASTE</td>
<td class="tg-c3ow">SPICY-FRUIT-CHILLI</td>
</tr>
</tbody>
</table>issue.png