9. Menu Item Settings
In Astroid you can publish banner (a section with background image/color and title/subtitle and can manage the color of subtitle as well). 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 (menu’s, 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;
}
Open Graph is a protocol that helps you manage the content of your website on any social media platform like Facebook. Enabling this will help you improve your SEO, if not then there is a good chance that unrelated images might appear or the description be inaccurate while sharing your website.
This option appears for any menu type, if you enable it then you have the following options available: OG TITLE- Enter the title that will appear will sharing the page link. OG DESCRIPTION- Enter the description that will describe about the page link shared. IMAGE- Select the image related to the page, that will appear will page sharing.
It only works for live sites, to check the open graph content of your page you can use the Facebook Debugger.
If your menu type is a Featured Article or Category Blog then you will see the Blog Options tab along with others. These options only work with the list view of the articles on your site, therefore it manages only the following 3 settings:
ARTICLE TYPE ICON- Choose whether you want to Show, Hide or Inherit the visibility of articles type icons from Astroid backend settings. READ TIME- Choose whether you want to Show, Hide or Inherit the read time of the articles from Astroid backend settings. ARTICLE BADGE- Choose whether you want to Show, Hide or Inherit the display of articles badge from Astroid backend settings
If you choose Inherit it means whatever settings is saved in Astroid for these options will work for that menu item.
Article List view means when you have selected the menu type as Featured Article or Category Blog then a list of the articles. Some options like Article type icon and badges are only visible on list view.
Any article can be converted to the following 5 types other than just being a Regular article. Each type has its own set of options that are as follows:
- Video Options- If you choose a video type then you have the option of adding either a Youtube or Vimeo video link and choosing whether you want to show the thumbnail or not and where would you want to position it within the article.
- Gallery Options- If you choose a gallery type article then set its width, add images, set its position within the article, choose to show or hide the thumbnail & navigation.
- Audio Options- If you choose your type as audio then you can set it either as Spotify or Soundcloud types only. In case of spotify you need to add the song URL & in the case of Soundcloud you need to add the embed code.
- Review Options- For a review type article, you need to mention every detail of the review like title, summary, good & bad points, ratings, what are the review criteria and their ratings and more such.
- Quote Options- For a quote-type article, you simply need to write the quote and its author and set its position within the article.
Article badge signifies the popularity of the article among others. This option appears just below the article type icon configuration. We also have a list of some of the common article badges used like Editor’s Choice, Best Seller, Trending, Hot, Best Price and Custom. If you choose Custom type badge then you have the following options available:
- Badge Label- Add a label name of your choice.
- Badge BG Color- Set the background color of the badge.
- Badge Text Color- Set the color of badge text.
