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 9 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