Info Table module – Cannot change main Heading color

RE: the “Info Table” module, going into Settings > Typography > Heading

I added a custom color to the main background, a medium blue, and used white as the highlight background color. Then used “Design 02” setting for the table. This made the “Heading” the medium blue background color and the rest of the table has the white background color.

When I set the main background color to medium blue, that also set the Header text to the same color. When I tried to change the Heading text color under Typography, to white, it never changed. As a result, with the medium blue background and the Header medium blue, the heading text was invisible.

I had to go to custom CSS and change the Heading color that way,

.info-table H2 {
color: #FFFFFF !important;
}

Then the heading text color becomes white.

I believe the main background color setting is controlling the heading text color and the Heading text color is unchangeable using the applicable settings in the module. Only custom CSS changes the Heading color.

A lot of people will be caught short with this because a lot of people do not know CSS to make that work.