Astroid Framework

Open source framework for designers and developers to create responsive, fast & robust Joomla based websites and templates.

Astroid Banner Options

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.
    • 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 TITLE TAG- Choose the title’s heading tag.
    • BANNER SUB-TITLE TAG- Choose the sub-title heading tag.
    • 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 in 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;
}

Panda Bui