Table Issue In WordPress

Please provide a link to a page on your site where we can see this. Thanks.

Thank you for responding, here is the post URL:

https://kitchenhanker.com/best-stainless-steel-air-fryer/

• This reply was modified 1 year, 6 months ago by Faixan.

Weird, but that’s how your theme does tables. This is the CSS involved:
@media screen and (max-width: 600px) {
tr td:first-child {
background: #f0f0f0;
font-weight: bold;
font-size: 1.3em;
} }

The fix is to add this custom CSS:

@media screen and (max-width: 600px) {
tr td:first-child {
background: #e13d2e;
font-weight: bold;
font-size: 1.3em;
} }

To add or override CSS: use the “Additional CSS” option in the customizer.  https://codex.www.ads-software.com/CSS#Custom_CSS_in_WordPress or at [site]/wp-admin/customize.php if you don’t have that menu option.

Use the Chrome Developer Tools or Firefox Developer Tools to help you see and test changes to your CSS.

Bundle of thanks Steven Stern. It worked !

But it gave birth to another issue.

This thing is applied to all the tables on the page whereas i want to limit this thing to the mentioned table only.

For reference you can check the 2nd table in the same post. You will find it underneath first H2 heading. This table is added via Affiliate Booster plugin.

• This reply was modified 1 year, 6 months ago by Faixan.

I recommend asking at https://www.ads-software.com/support/theme/generatepress#new-post so the theme’s developers and support community can help you with this.