Ollie Theme Academy

Creating Templates

Exercise – Implementing index styles

Control content width alignment using Group blocks to create different width zones: content width for meta information and wide width for titles and featured images. This creates the visual hierarchy that defines the Bosco layout.

Style the post title with proper typography (XXL size), make it a link with appropriate color, and use margins to control spacing between elements. Add spacing to featured images and ensure proper visual rhythm throughout.

Create the post meta footer using a Group block in row layout, controlling spacing between elements with block spacing settings. Add borders, padding, and proper text/link colors to match the original design.

Configure pagination alignment using space-between layout and extra-large font size for navigation arrows. Add appropriate margins to create proper separation from the main content area.

Back to: Ollie Theme Academy > Creating Templates