Template Overrides / Custom CSS

Safely customize markup and styles.

Overrides

  • Copy the layout you want from
    /modules/mod_wyldvsitemap/tmpl/<layout>.php
    to
    /templates/your_template/html/mod_wyldvsitemap/<layout>.php.

CSS hooks

  • Root wrapper classes:
    • .wyldcode-visual-sitemap.vertical
    • .wyldcode-visual-sitemap.cards
    • .wyldcode-visual-sitemap.accordion
    • .wyldcode-visual-sitemap.horizontal
    • .wyldcode-visual-sitemap.journey
  • CSS variables:
    • --wyld-border-radius
  • Colours come from params; you can still override in your template CSS.