XF 2.2 How do I adjust the boarder colors for tables in forum posts.

[BenHock]

Test

 

[Mr Lucky]

Add something like this in your forum style’s extra.less template

td
{border-color:red!important}

It may be ok without the !important

 

[BenHock]

Add something like this in your forum style’s extra.less template

td
{border-color:red!important}

It may be ok without the !important

That worked well. Thank you. Now I see the boarder is not filled in for the header row in that table. Is there an edit I can make to enable boarders for table header rows? (I didn't see anything in the Manuel/pdf so apologies for the simple questions. Newbie here.

 

[Mr Lucky]

That worked well. Thank you. Now I see the boarder is not filled in for the header row in that table. Is there an edit I can make to enable boarders for table header rows? (I didn't see anything in the Manuel/pdf so apologies for the simple questions. Newbie here.

Header row cells code is th so add those (with the comma). So instead of the above use this code which affects td and th

td,th
{border-color:red!important}

EDIT: testing on my own style, the !important was not needed.

 

[BenHock]

That worked

Header row cells code is th so add those (with the comma). So instead of the above use this code which affects td and th

td,th
{border-color:red!important}

EDIT: testing on my own style, the !important was not needed.

That worked. Thank you for the help!

 

[Jester_is]

From what I could gather , use of !important is discouraged.

This works well too:

.bbTable > table > thead > tr > th, .bbTable > table > tbody > tr > th,.bbTable > table > tbody > tr > td { border-color: black; border-width: 1px; border-style: solid;}

CSS !important: Don't Use It. Do This Instead – UX Engineer

In this guide you'll learn why this is rarely a good idea to use !important in CSS, and more importantly, alternative ways to make your styles work.

uxengineer.com