The current CSS doco does not have many useful examples, and I personally have had to email Hudu support and request an ID on certain elements several times.
We need better examples of CSS and the sections worth updating to improve quality of life.
Better yet, add more sliders and colour pickers, check boxes etc to allow people to easily modify more of the design.
Also worth noting there is different CSS for dark mode/ light modes - so duplicate CSS can be required.
For example - these are the elements I am changing
/* =====SECTION HEADERS ===== */
.dark-portal .nasa__block-header h1 {
/* ===== QUICK NOTES ===== */
.asset-sidebar__group > header:nth-child(1) > h2:nth-child(1) {
/* ===== ONBOARDING PROCESSES ===== */
.company-summary__section-header > h2:nth-child(1) {
.cpanel__process h4 {
.cpanel__process h3 {
/* ===== SIDE MENU FOLDERS ===== */
.sidebar__title {
/* ===== Company Address and Details ===== */
.company-summary__actions h1 {
/* ===== Overview, Museum tabs at the top ===== */
.far.fa-home {
.far.fa-link {
.far.fa-university {
.far.fa-share-nodes {
/* ===== PAGE TITLE ===== */
.cpanel-name__content h1 {
/* ===== ADMIN TITLE ===== */
.admin h2 {
/* ===== ADMIN PAGE SUB HEADINGS ===== */
.admin header {
/* ===== ICONS BEFORE COMPANIES, MY VAULT PAGE TITLE ===== */
.companyindex_container .name::before {
/* ===== ICONS BEFORE GLOBAL KB TITLE ===== */
.newkb__container .name::before {
/* ===== ADMIN PAGE TITLE ===== */
.company-dashboard .name {
/* ===== COMPANIES, MY VAULT PAGE TITLE ===== */
.companyindex_container .name {
/* ===== PASSWORD PARENT ===== */
.nasapassword_parent {
/* ===== GOBAL KB PAGE TITLE ===== */
.newkb__container .name {
/* ===== GENERAL HEADER FORMATTING FOR ARTICLES ===== */
.richtextcontent h1 {
.richtextcontent h2 {
.richtextcontent h3 {