Size Chart

Shari_Butler
Tourist
5 0 0

I want my table header to have no spaces in the background and be solid black. Here is my code in product page:

[#size]<br>
<h1>SIZE Chart in Inches</h1>
<table data-mce-fragment="1" style="width: 79.4464609800363%;" data-mce-style="width: 79.4464609800363%;">
<tbody style="background: #000000;" data-mce-style="background: #000000;">
<tr style="background: #000000;" data-mce-fragment="1" data-mce-style="background: #000000;">
<th data-mce-fragment="1" style="width: 28%;" data-mce-style="width: 28%;"><span style="color: #ffffff;" data-mce-style="color: #ffffff;">&nbsp; &nbsp;US SIZE</span></th>
<th data-mce-fragment="1" style="width: 34.23419540229885%;" data-mce-style="width: 34.23419540229885%;"><span style="color: #ffffff;" data-mce-style="color: #ffffff;">&nbsp; &nbsp;BUST</span></th>
<th data-mce-fragment="1" style="width: 87.76580459770115%;" data-mce-style="width: 87.76580459770115%;"><span style="color: #ffffff;" data-mce-style="color: #ffffff;">&nbsp; &nbsp;LENGTH</span></th>
</tr>
</tbody>
<tbody>
<tr data-mce-fragment="1">
<td data-mce-fragment="1" style="width: 28%;" data-mce-style="width: 28%;"><strong>&nbsp; &nbsp;MEDIUM</strong></td>
<td data-mce-fragment="1" style="width: 34.23419540229885%;" data-mce-style="width: 34.23419540229885%;">&nbsp; &nbsp;CHEST WIDTH 20</td>
<td data-mce-fragment="1" style="width: 87.76580459770115%;" data-mce-style="width: 87.76580459770115%;">&nbsp; &nbsp;BODY LENGTH 29</td>
</tr>
<tr data-mce-fragment="1">
<td data-mce-fragment="1" style="width: 28%;" data-mce-style="width: 28%;"><strong>&nbsp; &nbsp;LARGE</strong></td>
<td data-mce-fragment="1" style="width: 34.23419540229885%;" data-mce-style="width: 34.23419540229885%;">&nbsp; &nbsp;CHEST WIDTH 22</td>
<td data-mce-fragment="1" style="width: 87.76580459770115%;" data-mce-style="width: 87.76580459770115%;">&nbsp; &nbsp;BODY LENGTH 30</td>
</tr>
<tr data-mce-fragment="1">
<td data-mce-fragment="1" style="width: 28%;" data-mce-style="width: 28%;"><strong>&nbsp; &nbsp;EXTRA LARGE</strong></td>
<td data-mce-fragment="1" style="width: 34.23419540229885%;" data-mce-style="width: 34.23419540229885%;">&nbsp; &nbsp;CHEST WIDTH 24</td>
<td data-mce-fragment="1" style="width: 87.76580459770115%;" data-mce-style="width: 87.76580459770115%;">&nbsp; &nbsp;BODY LENGTH 31</td>
</tr>
</tbody>
</table>
[/size]

 

this is what my code is doingthis is what my code is doing

I want it more like this:

sizechart2.png

0 Likes

hii, @Shari_Butler 
Kindly share your store URL so,
I can solve it perfectly.
Thank You.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme,
Hire us. or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com
Buy me a coffee ☕ Donate Us
0 Likes
Shari_Butler
Tourist
5 0 0

My URL is blocked the code is up there.. Why can't you look at the code and the images of what I want it to be like?

0 Likes