Astroid Framework
HomeDownloadReport an IssueVideo Tutorials
English
English
  • What is Astroid
  • Get Started
    • Introduction
    • Technical Requirements
    • Installation
    • Layout Manager for Dummies
    • Creating a basic Astroid Template
  • Astroid Pro
    • Using the License Key
    • Dynamic Content
  • Basic Settings
    • Preloader
    • Favicon
    • Back to Top
    • Wide Vs Box Layout
    • Smooth Scroll
    • Color Mode
    • Container Background Mode
    • Bootstrap Settings
  • Header
    • Header
      • Transparent Header
      • Site Menu Method
    • Logo Options
    • Sticky Header
    • Off-Canvas menu
      • Customize the Offcanvas icons
    • Animation
  • Color
    • Body Color
    • Header Color
    • Sticky Header Color
    • Main Menu Color
    • Dropdown Menu Color
    • Off-Canvas Colors
  • Layout Settings
    • Section Settings
    • Row Settings
    • Element Settings
    • Column Settings
    • Layout Configuration on devices
    • Sub Layouts
  • Astroid Widgets
    • Divider Widget
    • Navigation Widget
    • Icons Widget
    • Button Widget
    • Heading Widget
    • Text Widget
    • Image Widget
    • Slideshow Widget
    • Image Group Widget
    • Testimonials Widget
    • Articles Widget
    • Accordion Widget
    • Grid Widget
    • Form Builder Widget
    • Map Widget
    • List Widget
    • Video Widget
    • Video Button Widget
    • Image Carousel
    • Countdown
    • Raw HTML Widget
    • Module Position
  • Astroid Widgets Pro
    • CodePen Widget
    • Hover Motion Gallery
    • Article Listing
    • Listing Pro
    • Count Down widget
  • Image Motion Cursor
  • Typography
    • Body Typography
    • Menu Typography
    • H1-H6 Typography
    • Drop Down Menu Typography
    • Custom Typography
    • How to use local font
  • Article Blog
    • Article Layout Builder
    • Article Listing Options
    • Single Article Options
    • Blog Options for Single Article view
    • Blog Options for Articles List View
    • Open Graph
    • Custom type comment for Blogs/Articles
  • Social Profile
    • Social Profile
  • Custom Code
    • Tracking Code
    • Before </head>
    • Before </body>
    • Custom Css
    • Custom JS
  • Miscellaneous
    • Lazy Load Images
    • Coming Soon
    • Error Page
    • Copyright
    • Contact Information
    • Minify JS/CSS/HTML
  • Theming
    • Theming
  • Menu Item Settings
    • Blog Options
    • Banner Options
    • Open Graph Options
    • How to manage the Blog Options for Articles List View
  • Mega Menu
    • Mega Menu
  • MORE
    • Preset Profiles
    • Astroid Layout Module
    • Astroid Captcha
  • Developers
    • Get Started
    • Build or Override a Widget
Powered by GitBook

© Astroid Framework 2025.

On this page

Was this helpful?

Export as PDF
  1. Layout Settings

Column Settings

PreviousElement SettingsNextLayout Configuration on devices

Last updated 1 year ago

Was this helpful?

Column has just 1 Edit Column icon that is used for customizing. Choose the grid or the number of columns from the Edit grid option.

When you click on Edit Column icon, a popup opens that has 3 different tabs General Settings, Design Settings & Responsive Settings. With these settings you can customize your column easily.

General Settings

Under tab this the options are as follows:

  • Column Title- Give the column a name of your choice

  • Custom Class- Write the class name used for writing custom CSS or JS.

  • Custom ID- Give a custom ID to override the auto-generated ID.

Design Settings

Under this tab the options are as follows:

  • Animation- Choose animation for the section. You can also set the Animation Delay time in the next step.

  • Background Type- Select the background type for your section from None, Color, Image, Video or even add a Gradient.

  • Custom Colors- Choose whether you want to enable or disable the custom colors for the section. If you enable it then you have the option to set Text Color, Link Color & Link Hover Color of the section’s content.

  • Spacing- Add margin and padding values over the row to improve its appearance on different devices.

Responsive Settings

Under this tab the only option is:

  • Device Visibility- Here you can set the breakpoints of the columns on different devices.

Spacing options
Responsive Settings