Portfolio Settings
The portfolio is the heart of Monogram - it's where you showcase your best work. Here how to customize how your portfolio looks and behaves.
#Getting Started
Go to Appearance > Customize > Portfolio in your WordPress dashboard.
#Renaming the portfolio
If "Portfolio" is not what you call your work, rename it under AppearanceCustomizeTheme OptionsPortfolioGeneral. Three fields control the wording:
Used in the admin menu, breadcrumbs, category and tag labels, and search results. For example Projects or Case studies.
Used on edit screens and single project pages.
The heading on the portfolio archive page. Leave it empty and the archive uses the plural name.
Archive Title exists because the plural does not always read well as a page heading, especially in languages that compound the word for archive. German is the common case: a plural of Projekte is right in a menu, while the archive page reads better as Projektarchiv. Set the two independently and each reads correctly.
Renaming changes wording only. The URL is separate and lives under AppearanceCustomizeTheme OptionsPermalinks.
After changing a permalink slug, open SettingsPermalinks once. WordPress rebuilds its links there, and until it does, project pages return a 404.
#Layout Types
Monogram offers five stunning layout types for your portfolio archive page. Choose the one that best fits your creative style:
#Default Grid
A clean, uniform grid where all items have the same size and proportions. Captions (title, category, date) appear below each thumbnail. This is the most versatile option and works great for any type of portfolio.
#Masonry
A Pinterest-style layout where items have different heights based on their images. Captions appear as an overlay when you hover over each item. Great when your projects have varied image proportions.
#Skew
An eye-catching layout where columns shift up and down as you scroll, creating a dynamic parallax-like effect. Overlay captions appear on hover. Perfect for creative and experimental portfolios.
#Stacked
Full-width cards that stack on top of each other as you scroll. Each card pins to the top of the screen, and the previous one scales down and fades away. Includes a sidebar with a progress counter. Best for portfolios where you want each project to make a big visual impact.
#Reveal
A creative scroll-driven layout with a sticky header bar that updates dynamically as you scroll through items. Features animated text transitions and dual sidebars showing your current position and client list. Ideal for portfolios that want to tell a story.
#Grid Settings
When using grid-based layouts (Default, Masonry, or Skew), you can fine-tune:
- Columns - how many items appear per row (1 to 8)
- Horizontal Gap - the space between items side by side
- Vertical Gap - the space between rows
- Aspect Ratio - the shape of your thumbnails (e.g., 4:3, 16:9, 1:1 square)
- Caption Gap - the space between the thumbnail and the caption text below it
#Filter and Stats Bar
Two optional elements you can toggle on or off:
- Category Filter - adds filter buttons above the grid so visitors can browse by category
- Stats Bar - shows a summary bar with project counts and other quick stats
#Pagination
Choose how visitors navigate through your portfolio:
- Default - classic page numbers at the bottom (works with all layouts)
- Load More - a button that loads the next batch of items without leaving the page
- Infinite Scroll - items load automatically as the visitor scrolls down
The Stacked and Reveal layouts only support Default pagination (page numbers). If you switch to one of these layouts, pagination will automatically use the default style regardless of your setting.
#Intro Text Section
You can add an introductory text section above your portfolio grid. When enabled, you'll see options for:
- Intro Text - the main paragraph that appears above your portfolio
- Label - a short label like "My Cases" or "Selected Work"
- Label Icon - an optional icon next to the label
This is a great way to give visitors context about your work before they start browsing.
Last updated
Was this article helpful?
Resources