Portfolio Fullwidth
An edge-to-edge grid of portfolio items with a hover overlay, in a choice of columns and image ratios.
Portfolio Fullwidth lays out your portfolio items as an edge-to-edge grid with a title-and-date overlay on hover: no gutters, no card borders.
Make sure Custom Post Type: Portfolio is on in HighendHighend OptionsHighend Modules (see Modules). When it's off, this element doesn't appear under Add Element at all, and existing shortcodes render nothing.
Add it
In WPBakery, click Add Element and pick Portfolio Fullwidth from the Highend Shortcodes tab. Or use the shortcode. See Shortcode.
Settings
2columnsHow many columns to show, from 2 to 6.
8countHow many portfolio items to pull in. Enter -1 for all items.
categoryLimit items to one or more portfolio categories. Enter category slugs separated by commas. Leave empty for all categories.
LandscapeorientationLandscape or Portrait thumbnail crop.
16:9ratioAspect ratio for the thumbnails: 16:9, 4:3, 3:2, 3:1, or 1:1.
DateorderbyOptions: Date, Title, Random, Comment Count, Menu Order.
DescendingorderDescending or Ascending.
Position
margin_topTop margin. Accepts px, em, %, or a plain number (treated as pixels).
margin_bottomBottom margin. Same units as Margin Top.
Each item links to its single portfolio page, or its Custom Link if one is set, and uses its Hover Color for the overlay if set (see the Portfolio Page tab).
Shortcode
[portfolio_fullwidth columns="4" count="-1" category="branding" orientation="landscape" ratio="ratio2" orderby="date" order="DESC"]ratio takes an internal key rather than the label shown in WPBakery: ratio1 = 16:9, ratio2 = 4:3, ratio4 = 3:2, ratio5 = 3:1, ratio3 = 1:1.
Same-named handler in two files
Both portfolio_carousel and portfolio_fullwidth are registered as shortcodes in includes/shortcodes.php and neutralized (replaced with a function that always returns nothing) in includes/portfolio/class-highend-portfolio.php when the Portfolio module is off; see that page's caveat for the difference between the two elements' behavior in that case.