Overriding Default Table CSS

raisintoast · December 2019

Hello,

I have a table and I wanted to make some of the cells have a different colour background (i.e. yellow). The grey cells don't change to yellow, but the white ones do. Is there a way I can override this so some of the grey cells can change to yellow.

http://prnt.sc/q6k1mb

I want to change the 21 x 30 cm cell to have a yellow background but the <td bgcolor="#ffda1a"></td> CSS doesn't work.

Thanks,

Jen

Pablo · December 2019

Hello Jen,

Can you send me a link to that page? I have to inspect it.

Thanks

raisintoast · December 2019

Here is the link

Thanks

Pablo · December 2019

I attached the bgcolor property and it works:

https://prnt.sc/q70obp

Can you test it once more?

Also, test it with all of the plugins disabled.

Thanks

raisintoast · December 2019

Hi Pablo,

It works for the white cells but not the grey ones

https://prnt.sc/q7c6if

Bryan · December 2019

Hey,

try this css

table tr:nth-child(2n):not(:hover) td{
  background:unset;
}

raisintoast · December 2019

Hi Bryan,

That didn't work. I've just made the text coloured and bold instead, having the background doesn't seem worth the trouble.

Thanks

Pablo · December 2019

I changed the CSS code that Bryan sent, it should be good now.

But, to set the color of single element, please use the CSS code as on the screenshot:

http://prntscr.com/q87rq9

It looks like the order of deprecated html elements are having lower order than external css code.

Thanks

raisintoast · December 2019

Okay thanks, I will give it a go. Thank for that!

raisintoast · December 2019

It worked, thanks so much!

Overriding Default Table CSS

Comments