Digital Nomad - User Documentation
DemosSupportHigh Five ✋ Themes
  • 👋Introduction
  • 🆕Changelog
  • 🏁Getting Started
    • 🔽Uploading a Theme
  • 📜Main Templates
    • 📰Post Template
    • 📄Page Template
    • 📑Categories (Tags) Template
    • 🧑‍🎨Authors Template
    • ♾️Archive (All posts) Template
  • ⚙️Custom Settings
    • ™️Logos
    • 🔤Typography (Fonts)
    • 🧭Header Type
    • 🎨Accent Background Color
    • 👨‍🎨Homepage Sections Background Color
    • ⏯️Buttons Background Color
    • 🧮Border Radius
    • 🏠Homepage Layout
    • 📢Subscribe CTA Text and Subtext
  • 🤝Membership
    • 🎬Setting Up
    • ⬇️Sign In Page
    • 🆙Sign Up Page
    • 🔀Subscribe Page
    • 👤Account Page
    • 💸Membership Page
    • 🚃Trial Days Color
  • 🛠️Other Settings
    • ⏬Submenus
    • 📸Add Your Instagram Link (Icon)
    • 💬Comments
  • ☑️Terms & Conditions
    • 🔁Refund Policy
Powered by GitBook
On this page
  1. Custom Settings

Accent Background Color

PreviousHeader TypeNextHomepage Sections Background Color

Last updated 1 year ago

Digital Nomad supports customizing the Accent Background Color of website blocks (Subscribe CTA banners, tags, buttons, progress bar, etc.).

The theme provides CSS variable specifically designed to control the Accent Background Color:

--accent-background-color: #F5F5F5;

To customize:

  1. Access the Settings > Code Injection from the admin menu.

  2. Click Open

  3. In the provided space, specify the desired Accent Background Color using CSS variable. For example:

    <style>
         :root {
              --accent-background-color: #F5F5F5;
         }
    </style>

  4. Click Save

⚙️
🎨
Dark Mode Toggle
Tags
Post Info Widget
Sidebar Subscribe CTA Widget
Post Footer
Subscribe CTA Banner
Footer Bottom
Progress Bar