Digital
DemoSupport
  • 👋Introduction
  • 🆕Changelog
  • 🏁GETTING STARTED
    • 🔽Uploading a Theme
  • 📜MAIN TEMPLATES
    • 📰Post Template
    • 📄Page Template
    • 📄Categories (Tags) Template
    • 🧑‍🎨Authors Template
    • ♾️Archive (All posts) Template
    • 🌟Project Template
    • 🌠Projects (All projects) Template
    • 📬Contact Page
  • ⚙️CUSTOM SETTINGS
    • ™️Logos
    • 🧭Header Type
    • 🎨Colors
    • 🧮Border Radius
    • 📢Subscribe CTA Text and Subtext
    • 🏠Homepage Layout
  • 🤝Membership
    • 🎬Setting Up
    • ⬇️Sign In Page
    • 🆙Sign Up Page
    • 🔀Subscribe Page
    • 👤Account Page
    • 💸Membership Page
  • 🛠️OTHER SETTINGS
    • ⏬Submenus
    • 📸Add Your Social Link (Icon)
    • 💬Comments
    • ⛔Disable animations
  • ☑️TERMS & CONDITIONS
    • 🔁Refund Policy
Powered by GitBook
On this page
  1. CUSTOM SETTINGS

Border Radius

PreviousColorsNextSubscribe CTA Text and Subtext

Last updated 10 months ago

Digital 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-and-inputs - this variable adjusts the border-radius for buttons and inputs.

  2. --border-radius-tags-and-icons - this variable adjusts the border-radius for tags and tag icons.

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

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

  5. --border-radius-navigation - this variable adjusts the border-radius for navigation block in header.

  6. --border-radius-submenus - this variable adjusts the border-radius for submenu.

  7. --border-radius-social-icons - this variable adjusts the border-radius for socials icons on the website.

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-and-inputs: 8px;
            --border-radius-tags-and-icons: 8px;
            --border-radius-images: 8px;
            --border-radius-blocks: 8px;
            --border-radius-navigation: 8px;
            --border-radius-submenus: 8px;
            --border-radius-social-icons: 8px;
        }
    </style>
  4. Click Save

⚙️
🧮
Code injection with border-radius variables