I read Moe’s excellent instructions. Also purchased the CSSScan utility that Tim recommended in this thread. I can figure out the CSS code (I think). My problem seems to be that, even with the help of CSSSCan, I cannot figure out what selector I should apply styles to. Now spent a couple of hours banging on this problem and don’t seem to be getting anywhere.
All I want to do is remove the vertical divider/separator lines between columns in a table. I’ve tried editing the CSS for the page repeatedly using different selectors and different CSS and no matter what I do, it seems to make no effect on the table as rendered.
Screenshot showing me trying to locate the right selector using CSSScan, but I’ve tried doing it “manually” using the method Moe describes in the OP. I sometimes get different results for the selector. Again: What I’d like to do is get rid of those lines between all the columns in the table. Want to keep the horizontal lines separating rows. Any suggestions?
Thanks so much for this, Tim. This managed to do the trick for me: I tried pasting the code you specifically drew my attention to, into the CSS tab for the default layout (which was being used for all my pages) and it got rid of the vertical dividers between columns.
I understand CSS in a general way. Fifteen-twenty years ago I wasn’t half bad with CSS, but I was building websites from scratch. My real problem here was that I couldn’t figure out WHAT elements in Tadabase I could modify and how. So I was pleased and a little surprised when just copying and pasting the code you supplied into the CSS for the default layout worked. But I’ll watch this video now over and over and start learning how to affect other elements of my apps.
THANK YOU for taking the time to do this for me. I expect others will benefit from it too!