Exercise: Building out the Content Area

Instructions

Adding spacing between articles

  1. In the block outline, look for a Group block called Article.
  2. Add a level 6 margin top.

Adding spacing between the content area and the footer

  1. In the block outline, look for the Group block inside of the Footer template part.
  2. Add a level 4 margin top.

Styling the pagination

  1. Add a Group before the Pagination block.
  2. Drag the Pagination block into the Group.
  3. Delete the Page Numbers inner block.
  4. Group styles:
    1. Spacing: Add a level 5 margin top.
    2. Typography: Set the font size to Large.
  5. Group settings:
    1. Set the Layout to Space between items.
    2. Set the Arrow to Arrow.

Implementing the No Results view

  1. Find the No Results block in the outline.
  2. Add "No posts could be found" into the paragraph inside of the No Results block.
  3. Center the text, and make it bold.
  4. Styles: Set the font size to large.




Complete and Continue