Hello,
I’m trying to insert a table to show measurement lists on my webpage. The font size is fine but I would like to make the actual table smaller, since so much space around the wordings now (see attachment). I would like to make the row heights at least 50-60% smaller.
Anyone know how to fix this?
Thanks,
Anton
@folablizz thanks for your reply!
I don’t understand how I can change the product size chart however? where do I do that?
Thanks,
Anton
Hello @folablizz
Can you please share your site url and if any password then please provide password
Hello @Kinjaldavra
site url is sarva.myshopify.com and no password at the moment
Thanks,
Anton
hello @antonolsson
please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.
@media only screen and (min-width: 1200px){
.template-product .rte td, .rte th {
padding: 3px 47.66667px !important;
}
}
hello @Kinjaldavra
seems like the height is smaller now, thanks!
However is it also possible to get the text centred also in height? cause even if the cell is smaller the text is still in the upper area of the cell
thanks,
Anton
hello @antonolsson
please remove my last code and update with this code
@media only screen and (min-width: 1200px){
.template-product .rte td, .rte th {
padding: 11px 27px 0px 26px !important;
}
.template-product .rte table h6 {
margin-bottom: 10px !important;
}
}
@Kinjaldavra now the whole page got weird, see below