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

Border Radius

Digital Nomad supports customizing Border Radius of buttons and tags.

The theme provides two CSS variables that allow you to customize the border-radius of various elements:

  1. --border-radius-buttons - this variable adjusts the border-radius for buttons.

  2. --border-radius-tags - this variable adjusts the border-radius for tags.

  3. --border-radius-inputs - this variable adjusts the border-radius for inputs.

  4. --border-radius-images - this variable adjusts the border-radius for images.

  5. --border-radius-blocks - this variable adjusts the border-radius for various elements on the website, including sidebar widgets, post's content blocks, etc.


To customize:

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

  2. Click Open

  3. In the provided space, specify the desired border-radius using the appropriate CSS variable. For example:

    <style>
        :root {
            --border-radius-buttons: 3px;
            --border-radius-tags: 3px;
            --border-radius-inputs: 3px;
            --border-radius-images: 6px;
            --border-radius-blocks: 6px;
        }
    </style>
  1. Click Save

PreviousButtons Background ColorNextHomepage Layout

Last updated 1 year ago

⚙️
🧮