css code from one table now effecting all the other tables

Resolved

(@maverick7286)

I have created a table with the following code

.tablepress-id-24 .row-2 {
	color: #1b7748;
	font-weight: bold;
}

.tablepress-id-24 .row-5 {
	color: #1b7748;
	font-weight: bold;
}

.tablepress-id-24 .row-11 {
	color: #1b7748;
	font-weight: bold;
}

.tablepress-id-24 .row-14 {
	color: #1b7748;
	font-weight: bold;
}

.
.
.
so on

but now this code is effecting other tables also . for example row 5 and row 8 of all the tables are not greenm and bold.

please help as im tired of searching for a solution

earlier the code was
.tablepress-id-24 .row-2,
row-8,
row-11,
color: #1b7748;
font-weight: bold;
}

since then the problem started happening. bhut i have changed the code to individual rows but still the problem exists.

please help

This topic was modified 4 years, 9 months ago by maverick7286.

Viewing 15 replies - 1 through 15 (of 17 total)

1 2 →

Thread Starter maverick7286
(@maverick7286)

4 years, 9 months ago

edit:

earlier the code was
.tablepress-id-24 .row-2,
row-8,
row-11,
color: #1b7748;
font-weight: bold;
}

since then the problem started happening. bhut i have changed the code to individual rows but still the problem exists.

please help
Plugin Author Tobias Bäthge
(@tobiasbg)

4 years, 9 months ago
Hi,

thanks for your post, and sorry for the trouble.

That code is incomplete. You must repeat the .tablepress-id-24 part in every line of the selector and also include the . before row-.... Also, I recommend applying this to the table cells td. Please try again with
```
.tablepress-id-24 .row-2 td,
.tablepress-id-24 .row-8 td,
.tablepress-id-24 .row-11 td,
  color: #1b7748;
  font-weight: bold;
}
```
Thread Starter maverick7286
(@maverick7286)

4 years, 9 months ago
Thank you for the answer. But the problem still persists. Following are the two codes. Please advise what am i doing wrong.
```
.tablepress-id-21 .row-5 td,
.tablepress-id-21 .row-2 td,
.tablepress-id-21 .row-8 td,
.tablepress-id-21 .row-11 td,
.tablepress-id-21 .row-14 td,
.tablepress-id-21 .row-18 td,
.tablepress-id-21 .row-20 td,
.tablepress-id-21 .row-23 td,
.tablepress-id-21 .row-26 td,
.tablepress-id-21 .row-29 td,
.tablepress-id-21 .row-32 td,
.tablepress-id-21 .row-35 td,
.tablepress-id-21 .row-38 td,
.tablepress-id-21 .row-41 td,
.tablepress-id-21 .row-44 td,
.tablepress-id-21 .row-47 td,
.tablepress-id-21 .row-50 td,
.tablepress-id-21 .row-53 td,
.tablepress-id-21 .row-56 td,
.tablepress-id-21 .row-59 td,
.tablepress-id-21 .row-62 td,
.tablepress-id-21 .row-65 td,
.tablepress-id-21 .row-68 td,
.tablepress-id-21 .row-71 td,
.tablepress-id-21 .row-74 td,
.tablepress-id-21 .row-77 td,
.tablepress-id-21 .row-80 td,
.tablepress-id-21 .row-83 td,
.tablepress-id-21 .row-86 td,
.tablepress-id-21 .row-89 td,
.tablepress-id-21 .row-92 td,
.tablepress-id-21 .row-95 td,
.tablepress-id-21 .row-98 td,
.tablepress-id-21 .row-101 td,
.tablepress-id-21 .row-104 td,
.tablepress-id-21 .row-107 td,
.tablepress-id-21 .row-110 td,
.tablepress-id-21 .row-113 td,
.tablepress-id-21 .row-116 td,
.tablepress-id-21 .row-119 td,
.tablepress-id-21 .row-122 td,

 {
	color: #1b7748;
	font-weight: bold;
}
```
.tablepress-id-24 .row-2 td,
.tablepress-id-24 .row-5 td,
.tablepress-id-24 .row-11 td,
.tablepress-id-24 .row-14 td,
.tablepress-id-24 .row-17 td,
.tablepress-id-24 .row-20 td,
.tablepress-id-24 .row-23 td,
.tablepress-id-24 .row-26 td,
.tablepress-id-24 .row-29 td,
.tablepress-id-24 .row-29 td,
.tablepress-id-24 .row-32 td,
.tablepress-id-24 .row-35 td,
.tablepress-id-24 .row-38 td,
.tablepress-id-24 .row-41 td,
.tablepress-id-24 .row-44 td,
.tablepress-id-24 .row-47 td,
.tablepress-id-24 .row-50 td,
.tablepress-id-24 .row-53 td,
{
color: #1b7748;
font-weight: bold;
}

these values are effecting all the tables and the specified rows. please assist. i cant seem to find a solution

Do i need to clear some cache? Should i share the hole CSS code for all the tables?
- This reply was modified 4 years, 9 months ago by maverick7286.
Plugin Author Tobias Bäthge
(@tobiasbg)

4 years, 9 months ago

Hi,

essentially, the problem that remains is a tiny comma , :
Right before the { in the code, there must not be a comma.
Can you please check again after removing that comma after the last td and before the {?

Regards,
Tobias
Thread Starter maverick7286
(@maverick7286)

4 years, 9 months ago
thank you for the reply. I removed the comma but still the issue persists.

.tablepress-id-21 .row-5 td,
.tablepress-id-21 .row-2 td,
.tablepress-id-21 .row-8 td,
.tablepress-id-21 .row-11 td,
.tablepress-id-21 .row-14 td,
.tablepress-id-21 .row-18 td,
.tablepress-id-21 .row-20 td,
.tablepress-id-21 .row-23 td,
.tablepress-id-21 .row-26 td,
.tablepress-id-21 .row-29 td,
.tablepress-id-21 .row-32 td,
.tablepress-id-21 .row-35 td,
.tablepress-id-21 .row-38 td,
.tablepress-id-21 .row-41 td,
.tablepress-id-21 .row-44 td,
.tablepress-id-21 .row-47 td,
.tablepress-id-21 .row-50 td,
.tablepress-id-21 .row-53 td,
.tablepress-id-21 .row-56 td,
.tablepress-id-21 .row-59 td,
.tablepress-id-21 .row-62 td,
.tablepress-id-21 .row-65 td,
.tablepress-id-21 .row-68 td,
.tablepress-id-21 .row-71 td,
.tablepress-id-21 .row-74 td,
.tablepress-id-21 .row-77 td,
.tablepress-id-21 .row-80 td,
.tablepress-id-21 .row-83 td,
.tablepress-id-21 .row-86 td,
.tablepress-id-21 .row-89 td,
.tablepress-id-21 .row-92 td,
.tablepress-id-21 .row-95 td,
.tablepress-id-21 .row-98 td,
.tablepress-id-21 .row-101 td,
.tablepress-id-21 .row-104 td,
.tablepress-id-21 .row-107 td,
.tablepress-id-21 .row-110 td,
.tablepress-id-21 .row-113 td,
.tablepress-id-21 .row-116 td,
.tablepress-id-21 .row-119 td,
.tablepress-id-21 .row-122 td {
color: #1b7748;
font-weight: bold;
}
```
.tablepress-id-24 .row-2 td,
.tablepress-id-24 .row-5 td,
.tablepress-id-24 .row-11 td,
.tablepress-id-24 .row-14 td,
.tablepress-id-24 .row-17 td,
.tablepress-id-24 .row-20 td,
.tablepress-id-24 .row-23 td,
.tablepress-id-24 .row-26 td,
.tablepress-id-24 .row-29 td,
.tablepress-id-24 .row-29 td,
.tablepress-id-24 .row-32 td,
.tablepress-id-24 .row-35 td,
.tablepress-id-24 .row-38 td,
.tablepress-id-24 .row-41 td,
.tablepress-id-24 .row-44 td,
.tablepress-id-24 .row-47 td,
.tablepress-id-24 .row-50 td,
.tablepress-id-24 .row-53 td {
	color: #1b7748;
	font-weight: bold;
}
```
Plugin Author Tobias Bäthge
(@tobiasbg)

4 years, 9 months ago

Hi,

can you please elaborate what the problem is again? This CSS would only affect tables 21 and 24.
And can you please post a link to the page with the table where this problem happens, so that I can take a direct look? Thanks!

Regards,
Tobias

Thread Starter maverick7286
(@maverick7286)

4 years, 9 months ago

The problem is that the code of table 21 or 24 is making changes to the rows (eg row 5 , row 8 , row 11 , row 14….etc) of other tables also.

It is happening in all the pages. following are some examples

https://agrotexglobal.com/what-is-bio-fertilizer-its-types-and-uses/
https://agrotexglobal.com/churpi-traditional-indian-subcontinental-cheese/

you can see in the tables in the above mentioned pages that the CSS code of table 21 and 24 is taking effect.

shall i send you the whole CSS code?

i have tried adding and removing “commas”, i have tried reformatting everything, but i dont know what seems to be the issue.

Thread Starter maverick7286
(@maverick7286)

4 years, 9 months ago

shall i remove the whole css code and re write it again?

Plugin Author Tobias Bäthge
(@tobiasbg)

4 years, 9 months ago

Hi,

thanks for the links! I think I know what’s going on now: Your site uses the “Merge + Minify + Refresh” plugin to minify and concatenate CSS files (which is fine). However, it seems that this plugin is not picking up changes to your TablePress CSS and thus it does not refresh its cached CSS files. So essentially, the changes you made were never delivered to the browser.

To fix that, can you please check if the “Merge + Minify + Refresh” has a manual way to clear/refresh its cache, probably via some button or setting in its admin area?

Regards,
Tobias

Thread Starter maverick7286
(@maverick7286)

4 years, 9 months ago

thanks for the reply. let me try

Thread Starter maverick7286
(@maverick7286)

4 years, 9 months ago

i dont seem to have such plugins Merge + Minify + Refresh in my website. its not installed

Thread Starter maverick7286
(@maverick7286)

4 years, 9 months ago

is there a way i can refresh things in tablepress.

Plugin Author Tobias Bäthge
(@tobiasbg)

4 years, 9 months ago

Hi,

ok, I was assuming that it was that plugin, because I can see references to a /wp-content/mmr directory on your site.

Are you using any other plugin that is minifying or caching CSS files?

Regards,
Tobias
Thread Starter maverick7286
(@maverick7286)

4 years, 9 months ago
Following are the plugins i have
```
Advanced Custom Fields

Akismet Anti-Spam
	
Bluehost
	
Contact Form 7
	
Creative Mail by Constant Contact
	
Easy Table of Contents
	
Elementor
	
Google Analytics for WordPress by MonsterInsights

Jetpack

MC4WP: Mailchimp for WordPress
	
oAuth Twitter Feed for Developers
	
OptinMonster

Penci PageSpeed Optimizer
	
Penci Portfolio
	
Penci Recipe
	
Penci Review
	
Penci Shortcodes & Performance
	
Penci Slider
	
Penci Soledad Demo Importer
	
TablePress
	
TablePress Extension: Responsive Tables
	
Vafpress Post Formats UI
	
WPForms Lite
	
Yoast SEO
```
Plugin Author Tobias Bäthge
(@tobiasbg)

4 years, 9 months ago

Hi,

ok, from those, the “Penci PageSpeed Optimizer” could be involved here.
From what I found, it should have a “Purge All” button on the Dashboard > Settings > PageSpeed Optimizer screen. Can you please try that?

Regards,
Tobias

Viewing 15 replies - 1 through 15 (of 17 total)

1 2 →

The topic ‘css code from one table now effecting all the other tables’ is closed to new replies.