Edward

Portfolio Item Order with Masonry

By default, portfolio items in a Masonry grid first take available vertical space. Look how items are ordered under this mode. You can choose to enable a Horizontal Order mode, the portfolio page will then lay out items to (mostly) maintain horizontal left-to-right order. To enable the Horizontal Order mode Log into your WordPress site administration panel, Navigate to Pages, find your portfolio page and click on it. On your portfolio editing page, scroll down to the …

Changing Portfolio Columns

This tutorial shows you how to change the portfolio columns using the Item Width option from the portfolio settings. Changing portfolio to 2 columns Log into your WordPress site administration panel, Navigate to Pages, find your portfolio page and click on it. On your portfolio editing page, scroll down to the theme Page Options, and then choose Portfolio. Under Grid, enter your desired item width for Item Width, for this example, enter 1/2. Changing portfolio to 3 …

Portfolio Grid Modes

Our themes provide two portfolio grid modes. The following procedure shows you how to change portfolio grid mode. Fit Rows : Items are arranged into rows. Rows progress vertically. fitRows is ideal for items that have the same height. Masonry : Placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. Prerequisites This tutorial assumes that you have already created a portfolio page and have created some portfolio items. For …

How to Create a Simple Mega Menu

Mega Menus allow you to add multi-column drop down menus to your navigation. The following procedures show you how to easily add a mega menu to your site. Prerequisites This tutorial assumes that you have already created a navigation menu and set it the primary menu. For more information, see Creating the Primary Menu. Step 1: Create a mega menu item Log into your WordPress site administration panel. Navigate to Appearance > Menus. In the Menu Structure panel, expand …

Minilio 2.0 Breaking Changes

Header Minilio 2.0 comes with a brand new header builder, you will find your site header get reset to initial style after updating to Minilio 2.0. You can change it back by Choose your header style in Appearance > Customize > Header > Header Styles Customize the header via Appearance > Customize > Header > Items. Top Bar The top bar, same as the header, is composed with Items now. You can Customize the top bar …

Version History

Important Minilio 2.0 is a major update, please check out the design changes on demo site to decide if you want to upgrade. You should also read Minilio 2.0 Breaking Changes. 2.1.185.1173 update page options style for WordPress 5.0 editor 2.1.184.1172 new: live update 2.0.181.1161 compatible to WooCommerce 3.4 fix: cannot change footer type on the home page fix: in some special case, the browser shows a horizontal bar on the bottom fix: unexpected empty space below portfolio …

Run WooCommerce Setup Wizard

This is the final part of the Installation. Skip this step if your theme doesn’t have a shop. Step 1: Install Your Theme via WordPress Step 2: Installing Required Plugins Step 3: Importing Demo Data Step 4: Run WooCommerce Setup Wizard To run WooCommerce Setup Wizard WooCommerce Setup Wizard takes you through all necessary steps to set up your store and get it ready to start selling. If you haven’t run it yet, you will see a …

How to Set a Full-Height Slider

This tutorial shows you how to get the slider displayed at 100% height of the browser window, this will work on desktop computers, laptops and also landscape mode of mobile devices. To set a full-height slider Log into your WordPress site administration panel, Navigate to MetaSlider, choose the slider you want to edit. Under Advanced Settings, enter fullheight in the CSS classes field, make sure to separate it with existing classes by empty space.

Changing the Sidebar Width

The sidebar width can be fixed or percentage. This tutorial shows you how to change it in the theme Customizer. To change the sidebar width Log into your WordPress site administration panel. Navigate to Appearance > Customize, choose Sidebars. In the Sidebars panel, choose the sidebar you want to change, in this example, choose General. Under Sidebar Width, enter a valid CSS unit, e.g. 300px for a fixed width, or 30% for a percentage width.