To configure this section, go to the dashboard in "Crane theme > Theme Options > Portfolio > Portfolio archive settings"

Portfolio archive settings

Groovy menu preset

Select the necessary menu created by Groovy menu plugin. This setting is general for portfolio archive (archive of portfolio, category, tags).

Hint: you can use custom presets of the menu for every page. To do this just change menu preset from "default" to the desired value in page meta and save the page.

Sidebar position

This setting controls visibility and position of sidebar on the page.

Available settings:

  • Hide the sidebar
  • on the right
  • on the left

Additional options appear if you choose to display the sidebar on the left/on the right:

  • Sidebar content - enables to select one of available bars. Sidebars are located on "Appearance-> Widgets" page.
  • Sidebar width - set the sidebar width
  • Page content width - set the page content width

Content padding

Set upper/lower content padding

Portfolio style

Select one of portfolio styles matching your design:

  • flat
    style-flat
  • minimal
    style-minimal
  • modern
    style-modern

Items layout

Items layout in portfolio can be made in two ways:

  • masonry
    layout-masonry
  • grid
    layout-grid

The key difference between them consists in the fact that "masonry" layout enables to set proportion for every item individually (in meta of portfolio post settings). In other respects both layouts have common options described below.

Image proportion

Set proportion of the item image. The image is set in featured image of every portfolio post individually.

Select one of the following proportions:

  • 4:3
    proportion-4x3
  • 3:2
    proportion-3x2
  • 16:9
    proportion-16x9
  • 1:1
    proportion-1x1
  • 3:4
    proportion-3x4
  • 2:3
    proportion-2x3
  • Original size (proportions will be maintained)
    proportion-original

Image height

Set the basic image height. This setting enables to cut off the image to reduce its size for upload to the page.

Hover style

Select one of hover styles for the image:

  • Direction-aware hover
    direction-aware-hover
  • Overlay with zoom and link icons on hover
    overlay-with-zoom-and-link-icons-on-hover
  • Zoom image on hover
    zoom-image-on-hover
  • Just link
  • Shuffle text link
    shuffle-text-link

Space between portfolio items

Set the space between portfolio items.

Number of columns

Set the amount of columns in one row.

Adaptive columns layout

Select resolution at which items will line up as 1 per row Amount of posts Set the amount of posts displayed at portfolio loading. If you set portfolio pagination then the amount of posts set in this setting will be displayed on every page. If you select pagination like “Show more on click” or “Infinite scroll” then the amount of posts set in this setting will be loaded upon click/scroll.

Show Portfolio item title

Put a tick if you want to display title in portfolio items.

show-portfolio-title

Show categories

Put a tick for display of categories in portfolio items.

show-portfolio-cats

Show custom text from meta?

Put a tick for display of custom user text from portfolio meta entry.

show-portfolio-custom-text

Show Excerpt

Put a tick for display of excerpt from portfolio post. The text will be taken from "excerpt" field or, if "excerpt" field contains no text, from the text editor of portfolio post.

If you put a tick additional field appears where you can set the height of displayed text block – “Excerpt height”.

show-portfolio-excerpt

Portfolio tags type

Select one of display variants for portfolio item tags:

  • display no tags
  • text tags
    portfolio-tag-style-text
  • image tags
    portfolio-tag-style-img

Show filtering by category

Put a tick if want to display filtering by categories portfolio.

show-portfolio-filter-cats

Filtering align

Set categories filter button align:

  • in the middle
  • on the left
  • on the right

Filtering style

Select one of filtering styles:

  • by default
  • custom - if this option is selected custom colors can be set for
    • filtering background
    • filtering button text

Pagination type

Select one of pagination types

  • without pagination
  • load of items upon pressing “Load more” button. The amount of items set in "Amount of posts" setting will be loaded. If there are fewer posts, then the available amount of posts will be loaded.

The following options will be available if you select load of items upon pressing “Load more” button:

Pagination typography

The following options are available for pagination typography:

  • Font Family
  • Font Weight
  • Font Subset
  • Text Transform
  • Font Size

Pagination button text color

Set pagination button text color.

Pagination button background color

Set pagination button background color.

Pagination button hover & active text color

Set pagination button hover & active text color.

Pagination button hover & active background color

Set pagination button hover & active background color.

Pagination button text

Set pagination button text

Order by

Select ordering type. The following options are available:

  • by post date
  • by post id
  • by title
  • by number of comments
  • by author
  • randomly

Order

Select descending or ascending ordering.

Open on click in

Select action upon clicking portfolio item:

  • in a new window
  • in already open window