Portfolio Settings

Customization

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?

FIND THE ONE THAT FITS YOUR PROJECT

Import a demo, swap the content, adjust the layout. Modern WordPress under the hood, fast even when the site fills up.