How can I modify HTML for a black cell row in a size chart?

Shopify Discussion
1

General Garment Guide

This garment is true to regular Women’s sizes and are more tailored to the body’s contour. Please use the following as a guide to help you decide which size to buy. Values given are body measurements. To help you choose the best size, we recommend that you compare the measurements with your own.

SIZE BUST WAIST HIPS
8/XS 85 65 93
10/S 90 70 98
12/M 95 75 103
14/L 100 80 108
16/XL 105 85 113
18/XXL 110 90 118

This is html from my product template page for a size chart. Ideally I’d like to first row cell to be black with white text like the size chart on https://www.witchery.com.au/long-sleeve-rib-top-60265967

Grey and white cells? as well if possible. I’m new to working with shopify and primarily have experience with Sqaurespace. Would anyone be able to help guide me as to how to change the code above so that I have a black cell row at the top at the very least.

Thank you

2

Hello @spacejunkCMS ,

You have to change the td tags of the first row to th tags.

Then give your table a class name like sizechart

After that add the styling below:

.sizechart th{ background-color: black; color: white; padding: 5px 10px; } table{ border-spacing: initial;}

The new code would be:


## 
## General Garment Guide

This garment is true to regular Women’s sizes and are more tailored to the body’s contour. Please use the following as a guide to help you decide which size to buy. Values given are body measurements. To help you choose the best size, we recommend that you compare the measurements with your own.

<table>
</table>

| SIZE | BUST | WAIST | HIPS |
| - | - | - | - |
| 8/XS | 85 | 65 | 93 |
| 10/S | 90 | 70 | 98 |
| 12/M | 95 | 75 | 103 |
| 14/L | 100 | 80 | 108 |
| 16/XL | 105 | 85 | 113 |
| 18/XXL | 110 | 90 | 118 |
3

Thank you, would I just paste this as HTML?
On the page?

If I wanted the top line of the table to be black that is great.

How would I adjust the code so that every second line is a light grey?
#CDCDCD
and then white table?

Black - White font
White - Black font
Grey - Black Font
White - Black font
Grey - Black font

I really appreciate you helping me with his
does mean the background color of the table. are you able to help
me understand the code you have given me? Thank you so much, I look forward
to hearing from you.

:slightly_smiling_face: Christina

##- Please type your reply above this line -#

4

How would I adjust the code so that every second line is a light grey?
#CDCDCD
and then white table?

Black - White font
White - Black font
Grey - Black Font
White - Black font
Grey - Black font

This is html from my product template page for a size chart. Ideally I’d like to first row cell to be black with white text like the size chart on https://www.autumngroveclothing.com/

I’m new to working with shopify and primarily have experience with Wix and Squarespace. Would anyone be able to help guide me as to how to change the code above so that I have a black cell row at the top at the very least.

5

Hi there! I am trying to make the header transparent on my site’s homepage so that the slideshow will show up behind it. This is what it currently looks like: I want it to look like this: Preview link: https://www.wyldeclothing.com.au/

6

Hi everyone We invite everyone to give us feedback on our store! https://auzzistore.com.au/

7

craftsmanship

At TheRosaCollection, our commitment to perfecting craftsmanship ensures every item mirrors the pinnacle of artisanal excellence. We've mastered the balance between luxury and affordability, offering furniture that rivals renowned designer brands while remaining accessible to all. Experience the result of a decade-long journey in mastering craftsmanship at TheRosaCollection now.

https://therosacollection.com/

SIZE BUST WAIST HIPS