The following information is extracted from the PDF documentation included in your theme download file for your convenience. Due to the ever-evolving nature of WordPress and plugin development, some steps or screenshots found here may have changed.
Custom Elements in WPBakery Page Builder
To utilise this theme to the maximum, you need to get acquainted to using WPBakery Page Builder. You may find detailed documentation and video tutorials here wpbakery.com/video-tutorials/
Werkstatt custom Elements are found under the by Fuel Themes tab inside Add Element window:
Most of the elements are self-explanatory, but we ‘ll go over the complex ones to get you started.
Portfolio Masonry is the most used element in our theme. It allows you to display your Portfolio items in a masonry like layout.
The following image demonstrates the available layouts:
Style 1 - Layout 1
Style 1 - Layout 2
Style 1 - Layout 3
Style 1 - Layout 4
Style 2 - Different Columns
Style 2 is used when you want to have the Portfolio Titles below the image:
You can have different number of columns: 2,3,4,5 and 6.
Portfolio Grid uses equal heights for all portfolio items, unlike the Masonry element.
This is same as the Masonry Style1, where the titles are displayed over the portfolio items:
Same as Masonry Style 2, the titles are below the portfolio items:
Portfolio Background Grid
This element displays the portfolio items in a fullscreen layout:
Portfolio Background List
Similar to the background grid, but this element displays the Portfolio Titles centered on the screen:
This element allows you to display your portfolio in a carousel. It has 2 styles same as previous Masonry and Grid elements, with title below and title over the portfolio item. https://werkstatt.fuelthemes.net/werkstatt-carousel/
This elements display your portfolios in a horizontal slider. http://werkstatt.fuelthemes.net/werkstatt-agency/
Similar to Background List Element, but the images are on the right: http://werkstatt.fuelthemes.net/werkstatt-designer/
Portfolio settings can be found below the post editor on Portfolio pages
These settings are used when the portfolio is being used inside a portfolio listing page, meaning its being displayed using a Visual Composer Element.
For example, the portfolio on the right uses a Light Title Color with a semi-transparent Main Color.
This controls the header settings for the individual Portfolio page:
HEADER - STYLE 1
HEADER - STYLE 2
HEADER - STYLE 3
HEADER - STYLE 4
HEADER - STYLE 5
This is not a header per se, but displays a Toggle button on the right:
HEADER - STYLE 6
Full Screen Layouts / Templates
To create a full-screen layout, ensure the Full Screen template is selected in the Page Temp[late dropdown of your page, then enable the builder and add a new row.
After that, you ‘ll need to set your slides from Full Screen Settings tab in the Page Settings box below the page editor.
Midnight header is what we have used on the Sphere Landing page: http://werkstatt.fuelthemes.net/werkstatt-landing-sphere/
This adds a custom color changing to your menu elements as you scroll:
To enable this on your page, simply turn it on on your Page settings:
Each builder Row has a Header Logo Color setting that affects the logo color as you scroll over them.
Mobile menu consists of 4 sections:
-Language Switcher Automatically added by WPML or Polylang plugins
Managed from Appearance > Menus
-Secondary Menu (Social Links) Managed from Appearance > Menus
-Copyright Section Managed from Appearance > WerkStatt Theme Options > Header & Menu > Mobile Menu Settings
Row Pagination can be enabled by turning it on in the Portfolio/Page Settings panel.
After that, you need to add “Titles” to your rows, so they get added to the pagination