Table borders disappear.

[somuchjoy]

Hello,

I hope that someone can help me with this problem:

I’m an administrator of a forum, for some reason when I go to create a forum post with some coding, the border around my post does not appear when posted. But it is shown in the preview section? Can someone help me please, as it’s an ongoing project with friends.

Side note; The table coding is fine. Every post has this problem.

Post in preview:


Saved post:

[Kami]

there is probably CSS in the theme you're using causing this. can you link to an example post?

[somuchjoy]

Jun 15, 2021 23:49:34 GMT -8 Kami said:

there is probably CSS in the theme you're using causing this. can you link to an example post?

This is the theme we're using:
www.proboards.com/library/themes/item/4109

Let me know if you need anything else.

[Kami]

Jun 16, 2021 4:19:52 GMT -8 somuchjoy said:

Jun 15, 2021 23:49:34 GMT -8 Kami said:

there is probably CSS in the theme you're using causing this. can you link to an example post?

This is the theme we're using:
www.proboards.com/library/themes/item/4109

Let me know if you need anything else.

Yes, I need a link to an example post 😶 I need to be able to see the coding for the post and how it interacts with the CSS for the theme. While I could install the theme and check the CSS, it would be guesswork at best without seeing the two interact.

If you don't want to share a link publicly, you're welcome to PM me with one.

[Retread]

Jun 16, 2021 4:19:52 GMT -8 somuchjoy said:

Jun 15, 2021 23:49:34 GMT -8 Kami said:

there is probably CSS in the theme you're using causing this. can you link to an example post?

This is the theme we're using:
www.proboards.com/library/themes/item/4109

Let me know if you need anything else.

Hi somuchjoy

From your Admin panel, navigate:
Admin Home> Themes> Advanced Styles & CSS and click on the Style Sheet tab.
Select LAND (by Smangii) in the dropdown to the right of Current Theme.

Scroll down to lines 1110 thru 1112. You'll see this:

.container.posts .control-bar,
.container.posts .content,
.container.posts .content table tbody tr.post td { border: none !important; }


That's forcibly removing borders. The last selector is targeting table cells in posts.

I'm not sure why that is being done. You could comment out the last selector like this:

.container.posts .control-bar,
.container.posts .content,
/* .container.posts .content table tbody tr.post td */ { border: none !important; }


If that has adverse side effects, you could change back to the original, without the selector being commented out. Then use !important in the inline styling for the table cell borders, each and every time.

Or maybe Kami has a better solution.

[Kami]

If you don't know why something is being done, why are you suggesting to remove things?

Based on the design of the theme and that particular theme creator's habits, that's an intentional design choice for a specific borderless aesthetic that is present throughout the theme. Again, the best way to diagnose and provide a solution is to see both codes interacting with each other in order to provide targeted solutions for the issue as opposed to creating broad-scope bandaids.

There is a reason I ask clarifying questions and for examples of behaviour in action. If you don't understand why I do things the way I do, I am more than happy to explain via PM or in a coding discussion thread in this board.

[Retread]

Jun 16, 2021 7:21:52 GMT -8 Kami said:

If you don't know why something is being done, why are you suggesting to remove things?

Because what IS there, increases the difficulty for an individual user to do something rather basic. Place borders around table cells in posts.

Jun 16, 2021 7:21:52 GMT -8 Kami said:

Again, the best way to diagnose and provide a solution is to see both codes interacting with each other in order to provide targeted solutions for the issue as opposed to creating broad-scope bandaids.

Excellent.

Looking forward to seeing your targeted solution.

[Kami]

Yes, I am aware of that. I am pretty familiar with this theme, and Smangii and I have been friends for over a decade at this point and have collaborated together on many things. I did not ask these questions out of ignorance or laziness to provide an "obvious" solution.

I understand your suggestions come from a reasonable line of thinking (ie remove the immediate blocker for the user), but that is not always the best / most appropriate approach. CSS is, as the name states, cascading; changes in the CSS can have a trickle-down effect because everything builds on what preceded it. This is just really standard dev troubleshooting methods especially when it involves custom changes away from the default.