1. Home
  2. Docs
  3. City Blog Pro
  4. Customize
  5. Frontpage Options

Frontpage Options

How to Manage Front Page Options – Homepage Sortable


  • To configure the Home Page Sortable Section, you need to navigate from Admin Panel > Appearance > Customize > Front Page Options > Home Page Sortable.
  • In this home page layout panel, it will include:
    • Homepage Sortable: In Homepage Sortable you will see section lists – in this Front Page Option you can change the order of all the sections. For e.g.: If you want the “Associate” section below the “Counter” section, you can drag the hamburger icon from the Associate section and drop it below the Counter Section.

Banner Section


You can set the banner to pages/posts and set different other options for the banner section.

  • To configure the Banner Section, you need to navigate from Admin Panel > Appearance > Customize > Front Page Options > Banner Section.
  • In this section pane, you can Enable/Disable the Banner section to display Banner on the Frontpage otherwise disable it to hide.
  • Right after enabling the Banner Section,  you can set the following settings:
      • Banner Style: This setting allows you to select between two different styles for the banner. You can select the preferred banner style for your banner.
        • Style 1:  The Banner Section will look like this:

        • Style 2: The Banner Section will look like this:

        • Style 3: The Banner Section will look like this:

      • Number of Banner Slider Posts to Show: You can set the number of slides to display in the banner section. *Note: Please input the valid number and save. Then refresh the page to see the change.
      • Enable Slider Autoplay: You can enable this setting to enable autoplay for the banner slider.
      • Select a Banner Slider Content Type: Page / Post / Category for the Banner section.
        • Content Type: This setting allows you to select the kind of content to choose from. It contains select options (Pages, Or Post) which allow the user to select a page/post to display as a Banner
          • Selecting Page/Post/Category as Content Type allows you to select a page/post (Existing post/ page)/ Category to display the title, featured image, and content of that selected post/page as a Banner.

Categories Section:


You can set the pages/posts/category for the Categories Section and set different other options for the Categories Section.

  • To configure the Categories Section. You need to navigate from Admin Panel > Appearance > Customize > Front Page Options > Categories Section.
  • In this section pane, you can Enable/Disable the Categories section to display Carousel on the Frontpage otherwise disable it to hide.
  • Right after enabling the Categories Section,  you can set the following settings:
      • Section Title: This setting allows the user to set the title for the section.
      • Select Style: This setting allows you to select between two different styles for the banner. You can select the preferred banner style for your banner.
        • Style 1:  This Category style will look like this:

        • Style 2: This Category style will look like this:

      • Select Column Layout: You can set the  column as per your design.

      • Number of Categories: This setting will allow the user to set the number of posts to display.
      • Select Content Type: Page / Post / Category for the Carousel section.
        • Content Type: This setting allows you to select the kind of content to choose from. It contains select options (Pages, Or Post) which allow the user to select a page/post to display.
          • Selecting Page/Post/Category as Content Type allows you to select a page/post (Existing post/ page)/ Category to display the title, featured image, and content of that selected post/page for the section.

Post Carousel Section


You can set the pages/posts/category for the Carousel Section and set different other options for the Post Carousel Section.

  • To configure the Post Carousel Section. You need to navigate from Admin Panel > Appearance > Customize > Front Page Options > Post Carousel Section.
  • In this section pane, you can Enable/Disable the Post Carousel section to display Carousel on the Frontpage otherwise disable it to hide.
  • Right after enabling the Post Carousel Section,  you can set the following settings:
      • Section Title: This setting allows the user to set the title for the section.
      • Number of Posts to show: This setting will allow the user to set the number of posts to display.
      • Enable Slider Autoplay: You can enable this setting to enable autoplay for the post carousel.
      • Select Content Type: Page / Post / Category for the Carousel section.
        • Content Type: This setting allows you to select the kind of content to choose from. It contains select options (Pages, Or Post) which allow the user to select a page/post to display.
          • Selecting Page/Post/Category as Content Type allows you to select a page/post (Existing post/ page)/ Category to display the title, featured image, and content of that selected post/page for the section.

Grid Posts Section


You can set the pages/posts/category for the Carousel Section and set different other options for the Grid Posts Section.

  • To configure the Grid Posts Section. You need to navigate from Admin Panel > Appearance > Customize > Front Page Options > Grid Posts Section.
  • In this section pane, you can Enable/Disable the Post Grid section to display Posts on the Frontpage otherwise disable it to hide.
  • After enabling the Grid Posts Section,  you can set the following settings:
      • Select Style: This setting allows you to select between two different styles for the Posts Grid Section. You can select the preferred style for the section.
        • Style 1: This Post grid Style will look like this:

        • Style 2: This Post Grid Style will look like this:

      • Section Title: This setting allows the user to set the title for the section.
      • Number of Posts to show: This setting will allow the user to set the number of posts to display.
      • Select Content Type: Page / Post / Category for the Post Grid section.
        • Content Type: This setting allows you to select the kind of content to choose from. It contains select options (Pages, Or Post) which allow the user to select a page/post to display for the section.
          • Selecting Page/Post/Category as Content Type allows you to select a page/post (Existing post/ page)/ Category to display the title, featured image, and content of that selected post/page.

Grid Lists Section:


You can set the pages/posts/category for the Carousel Section and set different other options for the Grid Lists Section.

  • To configure the Grid Lists Section. You need to navigate from Admin Panel > Appearance > Customize > Front Page Options > Grid Lists Section.
  • In this section pane, you can Enable/Disable the Grid Lists section to display Posts on the Frontpage otherwise disable it to hide.
  • After enabling the Grid Lists Section,  you can set the following settings:
      • Select Style: This setting allows you to select between two different styles for the Posts Grid Section. You can select the preferred style for the section.
        • Style 1: This Grid Lists Style will look like this:

        • Style 2: This Grid Lists Style will look like this:

      • Section Title: This setting allows the user to set the title for the section.
      • Number of Posts to show: This setting will allow the user to set the number of posts to display.
      • Select Content Type: Page / Post / Category for the Grid Lists  section.
        • Content Type: This setting allows you to select the kind of content to choose from. It contains select options (Pages, Or Post) which allow the user to select a page/post to display for the section.
          • Selecting Page/Post/Category as Content Type allows you to select a page/post (Existing post/ page)/ Category to display the title, featured image, and content of that selected post/page.


*Note: Click on Publish to save the changes.

Was this article helpful to you? Yes No

How can we help?