Setting Up Your Blog Page
      Back to home
      1. Support Center
      2. Blogging
      3. Setting Up Your Blog Page

      Adjusting Your Blog Layout (List View)

      This article will guide you on changing the layout of the list view of your blog.

      Login to myRealPage: 

      Click here to visit this help article to log in to your account.

      1 - Navigate to "Websites" tab:

      • Click on "Websites" to manage your website.

      2 - Click on "Pages" on the left hand sidebar:

      3 - Click on the "Blog" page (or whichever page you have a blog block on):

      4 - Click on "EDIT" on the bottom toolbar:

      • A. Edit Block: Once in edit mode, select the pencil icon in the top left corner to the block to edit the block.

      5 - Select the "Blog List" tab in the block editor:

      6 - Under Blog List Options adjust the list view settings:

      • A. Blog list layout: Select your desired blog list layout.
      • B. Blog list columns: Select number of columns the blog list will display (Note: This will change responsively based on screen size of device).
      • C. Blog list featured image size: Select the featured image size for the blog list view.
      • D. Blog title size: Select the default title size for blog posts in list view.
      • E. Truncate blog post: Select this option to hide long text (will make posts the same length in list view).

      7 - Under Post Link Button Options adjust the button options:

      • A. Post link button Color: Adjust the color of the "Read More" button for each blog post.
      • B. Post link button label color: Adjust the label color of the "Read More" button for each blog post.
      • C. Post link button label case: Adjust the label case of the "Read More" button for each blog post.

      8 - Under Page Navigation Options adjust page navigation options:

      • A. Blog page navigation: Adjust the layout of the next/previous page buttons for the blog pages.
      • B. Blog page nav icon color: Adjust the icon color for the next/previous page buttons for the blog pages.
      • C. Custom previous navigation icon: Select a custom icon to be used for the previous page button.
      • D. Custom next navigation icon: Select a custom icon to be used for the next page button.

      9 - Click on "APPLY AND SAVE" in the bottom right hand corner to save your changes: