Custom.css - where can I find the DOM?

Questions & Help
1

HI all,
I am trying to adjust <custom.css> to my needs, and there are lots of examples our there. But as of now, I spent like 2 hours digging through examples in order to find out how to do more complex things. E.g. I found here https://discuss.logseq.com/t/css-for-questions-and-answers/8197 how I can highlight an entire row.

But I could have done the same thing in 2 minutes if I knew the DOM. From the above link I learned that there appear to be attributes named “data-ref”, and some element class “flex-row”, but I have no idea where the devs of such themes gained that knowledge from (and I have a hard time believing they all reverse-engineered the existing CSS examples). There must be a way to either see the DOM of a Logseq document, or some example DOM, or just about anything, and I just failed to google that information so far…?

Thanks a lot!

2

I think people just open Developer Tools from Logseq app itself and check CSS classes and rules.

3

Hi,

I apologize for the delay… thanks a lot for your answer! It exactly did the job.

I first was confused as I only found the Page AST in the hamburger menu, but then I figured out there is a “Toggle Developer Tools” in the main menu… now I am able to customize my tags the way I want, great!

BR, Andy

1 Like