CSS for changing table row height

Need to change the height of the table rows to 32px.

Howdy, @Matt_Schroeder!

What template are you using? I checked Pricing Grid, and the rows are already 32px high. Perhaps you need less padding, not more height? That would allow taller content in the existing row height.

Hey Bob,

Yeah, perhaps. I’m noticing a discrepancy between the size of fonts/elements when placed into a code block in Squarespace. For example, I need to bump up the point size for a font to 18 in the features to equal a 14 in Squarespace.

Using the Comparison Table.

Oops, I didn’t check structure carefully the first time… it’s margin, not padding that needs adjusting. I can’t duplicate the Squarespace environment, but this Custom CSS should get you in the ballpark:
[class^=ā€œcolumn-element-base__ColumnElementBase-scā€] {
margin: auto;
}

Use it as a starting point. ā€œAutoā€ makes it automatically scale in both axis, within the constraints of the container. For this use, ā€˜margin’ can have two values. The first is for top/bottom, the second for left/right. You can specify different values for each; 0 (zero) and negative values are also accepted. So, you could have something like margin: 8px 0, margin: 8px auto or just margin: 8px (or any pixel value).

This is a row from the Pricing Grid (same concept applies). Orange shows the affect of margin, green represents padding.

If you need to make the actual rows taller, then it would be padding (same rules as above apply). Try a few variations and see if it suits you. If not, @Max can help you out in the AM his time. Either way, please let us know how you make out.

Hi there, @Matt_Schroeder :waving_hand:

If the solution suggested by Bob doesn’t help, please send me a link to the page, where your widget is installed. I’ll be happy to help :slightly_smiling_face: