How pages work
Every docs page is a normal WordPress page under Docs, built with Elementor widgets. The sidebar, top bar and “On this page” come from the Theme Builder templates Hexta Docs Header and Hexta Docs Page, so you only add content.
- Create a page and set its parent to Documentation.
- Fill in the Excerpt; it shows under the title.
- Build the content with the widgets below. Give each Heading an anchor ID in Advanced so it can be linked.
- Add the page to the Docs Sidebar menu in Appearance > Menus.
Section label
The small purple label above the title comes from the page custom field dx_section (Screen Options > Custom Fields in the page editor).
Callouts
A Text Editor widget with the CSS class dx-callout.
Cards
A Container with the class dx-cards holding Icon Box widgets with the class dx-card.
Card title
Short description.
Set a link in the Icon Box to make it clickable.
Code
Use the Code Highlight widget with the class dx-code.
curl -X POST https://api.example.com/messages \
-d to=+919800000001 -d text="Hello"
Tabs
Hi {{name}}, your order has shipped.
Your order has shipped. Reply STOP to opt out.
Accordion
Answer.