there are two content panels, i want to remove the first one. im currently using css to hide it but im wondering if theres a better way of doing it
#override content panel
viscid shell
shrewd phoenix
Do you mean that you want to hide the whole section containing the <h1> title of the page? Just to warn you: In general, it is not recommended to skip any heading level, so I wouldn't recommend removing the <h1>.
Starlight's design deeply integrates that every page has this one <h1> title: It is shown in the sidebar, it is used to make the "Overview" link in the table of contents work. We recommend that you start with <h2> elements in your markdown, so you can also never by accident create two <h1> elements, which is also not recommended.
So may I ask why you would like to remove the first content panel? What is the use case for this?
viscid shell
Do you mean that you want to hide the whole section containing the `<h1>` title ...
Ill place it in another area
<SomeComponent />
<ContentPanel />
<ContentPanel />
Ah okay, that makes sense then. I just wanted to make sure 👍
Unfortunately, AFAIK since both <ContentPanel> are placed inside <Page>, and <Page> is not able for overrides, applying display: none; to the .content-panel:first-of-type is the best option you have.