Tabla en html : Como ajustarla de la siguienta manera: AYUDA

Que tal amigos, tengo un inconveniente, hice una tabla en html, pero al insertar la tabla en mi sitio web me genera unas celdas muy grandes ( como la imagen de la izquierda ) . Modificando desde la consola de google chrome he visto que modificando el atributo Padding a "0px" me queda como la necesito así como lo muestra la imagen derecha superior )

Sinceramente desconozco como agregar ese atributo a mi tabla en html para que me quede de esa manera
No se si sea relevante pero el sitio donde quiero insertar esa tabla sólo me acepta HTML es shopify




Gracias de antemano.

puedes pasar el sitio para verlo mejor??? con añadirle style padding:0px al td creo que iria bien

Es muy difícil saber qué pasa con sólo ver una imagen, pero parece que puedes hacer que sólo afecte a la parte vertical:
padding-top:0px;
padding-bottom:0x;
de modo que no te afecte al resto del diseño.

Sino me equivoco creo que podría ser por que por defecto se adapta a la caja superior a la tabla y esta aumenta el padding de las celdas, al poner esto en 0, el espacio entre el contenido de la celda ,y la celda se ve eliminado.Si haces esto no debería de darte error, sino siempre puedes adaptar la tabla con un tamaño fijo en el caso de que este relativa a la caja superior.




Saludos!

Muchas gracias a todos!, excelente su ayuda, ya he recibido el apoyo de un miembro.

Saludos!