• Resolved kencope

    (@kencope)


    Hi Tobias,

    This is the first chance I’ve had to contact you about this problem and I don’t expect an answer over the next few days with it being Christmas and the new year, I just want to get it logged before other things crowd my time too.

    I have a two tables, id 88 and 89 on this page:
    War Memorial page which work fine.

    My problem is with our Sermons page which has several other tables that were created before these tables (the top one is for 2018 – id 71) Sermons page. On several of these tables row 14 is inheriting row 14’s css of tables 88 and 89 rather than their parent tables. The ‘background-color’ is faded in Google’s Inspector and not being used even though it has a check mark against it (presumably their original css is overriding it?), however, as soon as I uncheck the text ‘color’ being inherited on one of the tables in the Google’s Inspector all of the tables return to their correct colour.

    I’ve checked the css for all three tables but can’t see that anything obvious is wrong.

    Here is the code for table 71:

    .tablepress-id-71 .column-1 {
    	width: 150px;
    }

    Here is the code for table 88 (89 is identical)

    .tablepress-id-88 .row-1,
    .row-14,
    .row-27,
    .row-40,
    .row-53,
    .row-66,
    .row-79,
    .row-92,
    .row-105,
    .row-118,
    .row-131,
    .row-144,
    .row-157,
    .row-170,
    .row-183,
    .row-196,
    .row-209,
    .row-222,
    .row-235,
    .row-248,
    .row-261 td {
    	background-color: #9C1724;
    	color: #F4F4EB;
    }

    I’ve tried table 88 with and without the ‘td’ but it makes no difference.

    Any light you would be able to shed on this conundrum would be much appreciated, I’ve spent many hours trying to sort it out turning plugins off and on and other stuff – it’s probably staring me in the face!

    Best wishes,

    Ken

    • This topic was modified 5 years, 11 months ago by kencope.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    Hi Ken,

    thanks for your post, and sorry for the trouble.

    When trying to apply CSS to a single row, you will stil need to include the table ID selector in every command line:

    .tablepress-id-88 .row-1 td,
    .tablepress-id-88 .row-14 td,
    .tablepress-id-88 .row-27 td,
    .tablepress-id-88 .row-40 td,
    .tablepress-id-88 .row-53 td,
    .tablepress-id-88 .row-66 td,
    .tablepress-id-88 .row-79 td,
    .tablepress-id-88 .row-92 td,
    .tablepress-id-88 .row-105 td,
    .tablepress-id-88 .row-118 td,
    .tablepress-id-88 .row-131 td,
    .tablepress-id-88 .row-144 td,
    .tablepress-id-88 .row-157 td,
    .tablepress-id-88 .row-170 td,
    .tablepress-id-88 .row-183 td,
    .tablepress-id-88 .row-196 td,
    .tablepress-id-88 .row-209 td,
    .tablepress-id-88 .row-222 td,
    .tablepress-id-88 .row-235 td,
    .tablepress-id-88 .row-248 td,
    .tablepress-id-88 .row-261 td {
    	background-color: #9C1724;
    	color: #F4F4EB;
    }

    Regards,
    Tobias

    Thread Starter kencope

    (@kencope)

    Thanks Tobias,
    That’s fixed it ??

    Happy New Year,

    Ken

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    no problem, you are very welcome! ?? Good to hear that this helped!

    Best wishes and a Happy New Year, too!
    Tobias

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘table ID css is creeping into another table’ is closed to new replies.