Spotlight - User Documentation
DemosSupport
  • 👋Introduction
  • 🆕Changelog
  • 🏁Getting started
    • 🔽Uploading a Theme
  • 📜Templates
    • 📰Post Page
    • 🧑‍🎨Authors Page
    • 🐱Categories Page
    • ♾️Archive (All Posts) Page
  • ⚙️Custom settings
    • 🌀Logos
    • ✒️Typography
    • 🧭Navigation (Header) Layout
    • 🎨Buttons Color
    • 🌈Background Color
    • 🆎Text Color
    • 📐Border Radius
    • 📣Call To Action Footer Text
    • 🦸Hero Section Text
    • ⚒️Hero Section Layout
    • 🏠Homepage Layout
  • 🤝Members Feature
    • ▶️Setting up
    • ⬇️Sign In Page
    • ⬆️Sign Up Page
    • 🔀Subscribe Page
    • 👤Account Page
    • 💸Membership Page
  • 🔧Other Settings
    • ⏬Submenus
    • 📹Feature Video instead of Image
    • 💬Comments
    • 🗣️Social Media Icons
      • 📸Add Your Instagram, LinkedIn and GitHub Links (Icons)
    • 🔎Lightbox (Image Zoom) Feature
  • 📃Terms & Conditions
    • 🔁Refund Policy
Powered by GitBook
On this page
  • To customize:
  • Rounded
  • Slightly rounded
  • Squared
  1. Custom settings

Border Radius

Spotlight supports customizing Border Radius of buttons and page elements (images, post blocks). You have 3 options to choose from:

  1. Rounded (default)

  2. Slightly rounded

  3. Squared

To customize:

  • Go to Settings > Design & branding from the admin menu

  • Click Site-wide in the Design settings sidebar on the right

  • Click and select your preferred setting in Border radius menu item

Rounded

  • Buttons - border-radius: 100px

  • Page Elements - border-radius: 8px

Slightly rounded

  • Buttons - border-radius: 5px

  • Page Elements - border-radius: 8px

Squared

  • Buttons - border-radius: 0

  • Page Elements - border-radius: 0

PreviousText ColorNextCall To Action Footer Text

Last updated 9 months ago

⚙️
📐