Layout & Containers
The Container section controls the overall page layout — content width, container style, logo dimensions, and sidebar width. Find it at Appearance → Customize → Container.
Container style
Two layout styles are available:
- Separate Containers — the header, content area, and footer each float as distinct boxes with a gap between them, separated by the body background color. This gives a "card" feel.
- One Container — the header, content, and footer merge into one continuous white column. When this is selected, single posts get an additional option to position the post title inside or outside the container.
Width settings
| Setting | Default | Range | Description |
|---|---|---|---|
| Container width | 1200 px | 768–1920 px | Maximum width of the main content area. |
| Header width | 1200 px | 768–1920 px | Maximum width of the header bar content. Usually matches container width. |
| Logo width (desktop) | 200 px | 48–600 px | Maximum width of the logo image on desktop. |
| Logo width (mobile) | 200 px | 48–300 px | Maximum width of the logo image on mobile. |
| Sidebar width | 300 px | 200–500 px | Width of the sidebar column when a sidebar layout is active. |
Sidebar layout
The sidebar position is configured in the Sidebar section (requires license). You can independently choose the sidebar position for:
- Blog / Archive pages
- Single Posts
- Static Pages
- Homepage
Options for each context: Left Sidebar, No Sidebar (full width), Right Sidebar.
Enable Sticky Sidebar to make the sidebar column stick to the top of the viewport as the user scrolls through long content.
Image sizes
Tabule Theme registers five custom image sizes. All card and related-post sizes use a 16:9 aspect ratio so images crop consistently across grids, widgets, sidebars, and related posts.
- tbl-hero — 1920 × 960 px (16:9) — hero background images.
- tbl-featured — 1200 × 675 px (16:9) — featured image on single posts and pages.
- tbl-card — 600 × 338 px (16:9) — post cards in grid and list layouts.
- tbl-card-sm — 400 × 225 px (16:9) — cards on smaller screens and inline related post previews.
- tbl-related — 320 × 180 px (16:9) — related posts section at the bottom of single posts.
Upload featured images at 16:9 (e.g. 1280 × 720 px or larger) for consistent cropping in every context. See Performance → Responsive images for full details and Regenerate Thumbnails instructions.