• Resolved noble5155

    (@noble5155)


    Debug and Version Info:

    Please provide this information in bug reports and support requests.

    · Website: https://www.maudlinproducts.com
    · TablePress: 1.9.2
    · TablePress (DB): 38
    · TablePress table scheme: 3
    · Plugin installed: 2016/07/19 15:41:21
    · WordPress: 5.0.4
    · Multisite: no
    · PHP: 7.0.33
    · mysqli Extension: true
    · mySQL (Server): 5.5.5-10.1.38-MariaDB
    · mySQL (Client): mysqlnd 5.0.12-dev – 20150407 – $Id: b5c5906d452ec590732a93b051f3827e02749b83 $
    · ZIP support: yes
    · UTF-8 conversion: yes
    · WP Memory Limit: 512M
    · Server Memory Limit: 512M
    · Magic Quotes: off
    · WP_DEBUG: false
    · WP_POST_REVISIONS: true

    If you go to this page:

    https://www.maudlinproducts.com/radial-gland-slant-coil-spring/

    And scroll down to the metric section of the site. You will see two tables.
    Both those tables you will see a blue background that is supposed to be on the row that has the measurement call outs.
    Example:

    Part No., DASH #, ROD, BORE, CENTERLINE

    That table is number “198” in TablePress plugin
    That row is number “22”

    Further down is the table for PISTON:
    Table “199” in TablePress plugin
    Row “22”

    Everywhere I have used this CSS code has put the blue background in the correct row for each of the tables.
    EXCEPT for these two rows.

    See my CSS code here – I even tried to use the !important; code to try if that worked.

    [Example section of the CSS code that includes the rows in question]

    .tablepress-id-196 .row-30 td {
    background-color: #D9EDF7;
    }

    .tablepress-id-197 .row-30 td {
    background-color: #D9EDF7;
    }

    .tablepress-id-198 .row-22 td {
    background-color: #D9EDF7 !important;
    }

    .tablepress-id-199 .row-22 td {
    background-color: #D9EDF7 !important;
    }

    .tablepress-id-200 .row-30 td {
    background-color: #D9EDF7;
    }

    .tablepress-id-201 .row-30 td {
    background-color: #D9EDF7;
    }

    All of the other rows have the code for the correct row that I need to be blue and it works fine – just now for these two tables.

    Any clue to why even though I told the CSS code to appear on row 22 it is showing up on row 30?

    Not sure this makes sense.

    Thanks in advance

    Paul Noble

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Tobias Bäthge

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    It seems like TablePress is having trouble updating the CSS files on the server, probably due to file access right problems. To fix this, please log in to your site via your FTP program and delete three CSS files
    tablepress-custom.css
    tablepress-combined.css
    tablepress-combined.min.css
    in the /wp-content/ folder.

    Now, to reduce your work with all this CSS and row numbers, I recommend to maybe check out the approach from https://ww.wp.xz.cn/support/topic/highlight-a-row-based-on-value/
    You could for example use the word “Part” as your highlight term in the Shortcodes for these tables and would then only need the single piece of CSS:

    .tablepress .row-highlight-part td {
    	background-color: #D9EDF7 !important;
    }

    Regards,
    Tobias

    Thread Starter noble5155

    (@noble5155)

    Wow Tobias!

    Thanks so much! I’ve got lots to learn with CSS tricks like the “PART” example you gave!
    I’m going to send your info here to the person that has access to the server.

    Thanks so much for your QUICK and detailed response!

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    Hi,

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

    Best wishes,
    Tobias

    P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘CSS Background on wrong row’ is closed to new replies.