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. Menu Item Settings

Banner Options

PreviousBlog OptionsNextOpen Graph Options

Last updated 1 year ago

Was this helpful?

Your banner will be positioned based on where you have published the Banner section in the layout manager, by default it’s displayed above your content and below the header (menus, logo, etc).

After you enable Banner from the menu settings then you have the following options available:

  • Enable banner title: Choose whether you want to show the banner title or not. If yes, then these options are available:

    • Banner title: Enter the banner title text.

    • Banner subtitle: Enter the banner sub-title text.

    • CTA button: Click on + to add new call-to-action buttons for the banner

    • Text color Enter the banner title text color.

    • Subtitle text color: Enter the banner sub-title text color.

    • Banner title tag: Choose the banner title tag.

    • Banner subtitle tag: Choose the banner sub-title tag.

    • Background color: Set the background color of the banner from the color picker.

    • Background image: Select an image for the banner.

    • Banner class: Enter a custom banner class.

    • Banner height: Adjust the height of the banner.

    • Banner layout: Select the layout of your banner. Which can also be managed from Astroid Banner section settings.

    • Banner visibility: Choose whether you want to show the banner on the menu item’s linked pages or not.

NOTE:- To change the font size of the Banner Title, you can select a different html tag where H1 will give you a much higher font size compared to H6 or paragraph. You may also use the CSS below to customize the text size of the banner title, just add this code to your custom.css file. .astroid-banner .astroid-banner-inner .astroid-banner-title { font-size: 60px; } For Subtitle

.astroid-banner .astroid-banner-inner .astroid-banner-subtitle { font-size: 20px; }