Eliminating Elementor alternate row formatting

  • Resolved jimdandy2

    (@jimdandy2)


    4 years, 9 months ago

    I am struggling with this issue where Elementor appears to default to shading every other row, the odd/even CSS coding I suspect, and I’ve tried overriding it with your suggestion:

    .tablepress-id-24 tbody td {
	background-color: #ffffff !important;
	color: #000000;
}

    Where I have difficulty is that when I use this bit of CSS I cannot seem to get other shading to work. Either the table remains all white when using the !important tag (and my custom row shading fails) or it is shaded in alternating colors, grey and white, in addition to my custom row shading when I remove the !important tag.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter jimdandy2

    (@jimdandy2)

    I was able to override the alternate row table formatting for my table that seems to be forced from Elementor by repeating their own code (shown below) and changing the colors they set and assigning it specifically to my table. I was then able to add my own formatting following these entries and it worked.

    I don’t know if this is the proper method but the previous suggestion that I took from other posts just didn’t allow me to add my own cell formatting afterwards. 

    .tablepress-id-24 tr:nth-child(odd) td {
	background-color: #ffffff;
	color: #000000;
}

.tablepress-id-24 tr:nth-child(even) td {
	background-color: #ffffff;
	color: #000000;
}
    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    nice find! Yes, this is indeed a good way! Alternatively, you’d have to use the !important flag in the CSS code for your custom row shading as well.

    Unfortunately, there’s no real other way than overriding the Elementor CSS, as that can’t simply be turned “off” (except if modifying Elementor code).

    Regards,
    Tobias

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Eliminating Elementor alternate row formatting’ is closed to new replies.