Enabling Your Home Page

Enabling Your Home Page

This is the first page that your website visitors will see when they arrive on your site. Setting up your home page is the same as setting up any other regular page, except that you need to specify in the WordPress settings which page will be allocated as your site’s static front page. You can change your site’s static front page at any time as often as you wish.
How To Set Your Home PageStep 1 – Login to your WordPress Dashboard and navigate to the Settings > Reading section.
Step 2 – Select A Static Page option.
Step 3 – Choose the page you want as your home page from the Front Page dropdown list.
Step 4 – Once done, click ‘Save Changes‘.

How to Set Up Parent and Child Pages in WordPress

How to Set Up Parent and Child Pages in WordPress

The WordPress page structure does not have to be a flat structure (i.e. all pages on the same level).
WordPress allows building a page hierarchy by creating child pages under a parent page. The WordPress admin interface has the option to mark a page as an independent page, or to put it in a parent-child relationship. The page hierarchy can have an infinite level of subpages, but it’s rare to see more than 3 levels of pages, as this can complicate navigation.
Setting a Child PageYou find this option in individual pages. It is not available on posts or other custom post types. This page hierarchy is useful for Side Navigation Templates and the Vertical Menu Widget, as well as providing a clear structure to your pages in the back end.
To create a child page, simply create or edit a page in WordPress like you would normally do. Under the Page Attributes meta box, choose a parent page from the drop down menu.
Note: If you do not see the Page Attributes menu, then please click on the Screen Options button on the top right hand corner of your screen. It will display a menu where you need to make sure that Page Attributes is checked.

Make Menu Items Open In A New Window

Make Menu Items Open In A New Window

You can set main menu items to open up in a new window using the default WordPress option ‘Link Target‘. See the the steps below.
1. To enable the option, please login to your WordPress Dashboard and navigate to Appearance > Menu. In that new section, click the Screen Options button in the top right corner of the screen and select ‘Link Target‘.
2. You will see a new option in each menu item called ‘Open link in new window/tab’, check that box for the menu items you want to open in a new window/tab.
3. Once done, click ‘Save Menu‘.

WordPress 5.3 And Avada Custom Image Size Generation

WordPress 5.3 And Avada Custom Image Size Generation

With the 5.3 WordPress update, a new way of saving additional image sizes to the database was introduced for when images are uploaded to the library. Unfortunately, this adjustment was not compatible with the internal naming convention for Avada’s custom image sizes.
The problem will only occur for images that are uploaded to WordPress 5.3 and versions of Avada prior to 6.1.2. For these images, Avada’s custom uncropped image sizes are not available as a choice in the sizes drop-down option in the media library when you insert them to a post or page. And some of the responsive image sizes won’t be available. Updating to Avada 6.1.2 resolves this issue.

The 3 Types Of Images And How They Are Affected

Images uploaded to your media library before updating to WordPress 5.3.

Images uploaded to your media library on WordPress 5.3, before the update to Avada 6.1.2.

Images uploaded to your media library on WordPress 5.3, after the update to Avada 6.1.2.
Images Uploaded Before Updating To WordPress 5.3Nothing to do here. These images work as expected, even for Avada versions older than 6.1.2. And of course, they also work fine on Avada 6.1.2 or later.
Images Uploaded To WordPress 5.3 Before The Update To Avada 6.1.2As mentioned above, the problem for images uploaded on WordPress 5.3, but prior to the update to Avada 6.1.2, is that you can’t select Avada’s custom uncropped image sizes in the sizes drop-down of the media library when you insert them into a post or page. In addition to that, some of the responsive image sizes won’t be available.
Unfortunately, this can’t be auto-fixed through a theme update, as WordPress has already stored the data incorrectly in the database. Still, there is an easy way to correct this. Install and activate the Regenerate Thumbnails plugin, then go to the Tools > Regen. Thumbnails tab in your WP Admin sidebar and choose ‘Regenerate All Thumbnails.’ Doing this regenerates all images and adjusts the Avada custom image sizes to their new naming conventions. Once the regeneration is complete, it is business as usual.
Images Uploaded To WordPress 5.3 After The Update To Avada 6.1.2Nothing to do here. All images uploaded to WordPress are generated as expected on your Avada site.

WordPress Menu Not Saving / Displaying All Items

WordPress Menu Not Saving / Displaying All Items

Let’s say you have created a nice menu for your theme, saved it and then viewed it on the front end, only to see that a portion of your menu items are not showing. Or maybe even the entire menu does not show. You have assigned it to the main menu, and saved it, but then it drops out and will not show on the front end.
What happened? Did the menu items disappear? Is this a theme issue? Or a plugin issue?
The answer is no, it’s a server configuration issue. Please read this detailed article written by CHRIS MAVRICOS (better known as SevenSparks) to help understand why this can happen, and what you can do to fix it: http://sevenspark.com/wordpress/menu-item-limit

Avada Widget Options

Avada Widget Options

Widgets can be styled via the ‘Avada Widget Options’ button and can be applied to every widget available. Please continue reading below to know more about the widget styling options.
IMPORTANT NOTE: When using the new Widget Element, the Design tab contains the equivilant options. See more on the Widget Element doc.How To Use Avada Widgets OptionsStep 1 – Navigate to the Appearance > Widgets section.
Step 2 – Simply drag and drop the widget you’d like to add into your chosen widget area. Another way of adding widgets to widget area is by clicking the widget and choosing from the list of the widget areas that will show up. Then, just click Add Widget button.
Step 3 – Click the ‘Avada Widget Options’ button. Every widget available has this ‘Avada Widget Options’ button, see an example of the Recent Comments widget on the screenshot below. Please refer to the below post to know more about each of the options.
Step 4 – Make the necessary selections. Then, click ‘Save’ button.
Step 5 – Don’t forget to save the widget too.
Avada Widget OptionsIMPORTANT NOTE: These options apply to the widget container, not the actual widget.Display Widget Title – Choose to enable or disable the widget title. Specifically useful for the WordPress default widget titles.
Padding – Controls the padding for the widget container.
Margin – Controls the margins for the widget container.
Background Color – Controls the background color for the widget container.
Background Radius – Controls the background radius for the widget container.
Border Size – Controls the border size for the widget container.
Border Style – Controls the border style for the widget container. Choose between None, Solid, Dotted, or Dashed.
Border Color – Controls the border color for the widget container.
Divider Color – Controls the color of dividers in this widget container. Leave empty for the Theme Options default value or no dividers when using the vertical menu widget.
Content Align – Controls the content alignment for the widget container. Choose between Inherit, Left, Right, or Center. Inherit means it will inherit alignment from its parent element.
Mobile Content Align – Controls the mobile content alignment for the widget container. Choose between Inherit, Left, Right, or Center. Inherit means it will inherit alignment from it’s parent element.
Learn More About Widgets Here

Creating Custom Widget Areas

Creating Custom Widget Areas

Avada allows you to create an unlimited number of custom widget areas. These widget areas can be assigned to several areas of the site such as the sidebars, footer columns, sliding bar columns, mega menu columns, or placed anywhere on a page using the Fusion Builder Widget Area Element. To learn more about the differences between pre-made and custom widget ready areas, please refer to this article. Please follow the steps below to understand how to create a custom widget area.
How To Create A Custom Widget AreaStep 1 – Navigate to Appearance > Widgets and click the ‘Add New Widget Area’ button. Give it a name then save it. You can add as many widget areas as you need.
Step 2 – Once created, you’ll see your new widget area on the right side.
Step 3 – On the left side, you will see all the widgets you can use.
Step 4 – Simply drag and drop the widget you want into your widget area. You can then customize the widget to your liking.
Step 5 – You can rearrange the order of widgets on a widget area by simply dragging the widgets to place.
Step 5 – Make sure you click the ‘Save’ button to save the widgets added to your widget area.

Flickr Widget

Flickr Widget

Most of the widgets that come with Avada are the default WordPress widgets do not require any setup. Some of our custom Avada widgets have various options, but all are self explanatory. However the Flickr widget is unique in that they require account setup to display correctly. Please read below for information no how to set each of the Flickr widget.
How To Setup The Flickr WidgetStep 1 – Go to the Appearance > Widgets in your admin section.
Step 2 – Find the Flickr widget and drag it to a sidebar or footer column of your choice.
Step 3 – Click on “Get Your Flickr ID” link, http://idgettr.com
Step 4 – Then enter your username in place of username in the field and click “Find” and it will generate your ID.
Step 5 – Copy and paste the new ID into the corresponding field of the Flickr widget in the admin section.
Step 6 – The default API key will already be filled in and it will work, but if you wish you can also generate your own by clicking the “Flickr App Garden” link.
Step 7 – Make sure you click Save, then you’re all done!

Pre-made vs Custom Widget Areas

Pre-made vs Custom Widget Areas

Avada includes 5 areas of the theme that are widget ready (which means they can display widget areas). Some of these areas already have pre-made widget areas for you to add widgets into, such as the Footer Widget Areas, the Sliding Bar Widget Areas, and the Blog Sidebar. Other areas do not have pre-made widget areas and can display both pre-made widget areas, or any custom widget area you create.
Read below for further information on the differences between pre-made and custom widget areas, and the 5 Widget Ready Areas in Avada.
Pre-Made vs Custom Widget AreaPre-Made Widget Area – Pre-made widget areas are already created widget areas for certain areas of the theme. Therefore, you don’t need to create a widget area for them, you can simply add widgets to the pre-made widget areas directly. The footer columns and sliding bar columns both have pre-made widget areas based on the number of columns you choose to display. You can set how many columns to display for the footer in the Avada > Options > Footer panel, and in the Avada > Options > Sliding Bar panel for sliding bar.
Custom Widget Area – Custom widget areas are widget areas you can create yourself in the Appearance > Widgets tab on your WordPress admin panel. These custom widget areas can be assigned to sidebars, mega menu columns and the Avada Builder widget element. In addition, sidebars, mega menu columns and the Avada Builder Widget Element areas can also take pre-made widget areas if you wish.
The 5 Widget Ready Areas in AvadaFooter Columns – Footer columns have pre-made widget areas based on the number of footer columns you choose in the Avada > Options > Footer panel. See our Adding Footer Widgets article for more information.Sliding Bar Columns – Sliding bar columns have pre-made widget areas based on the number of sliding bar columns you choose in the Avada > Options > Sliding Bar panel. See our Setting Up The Sliding Bar article for more information.Sidebars – You can assign widget areas to both single and dual sidebars. See our Assigning Sidebars article for more information.Mega Menu Columns – You can assign widget areas to mega menu columns. See our Using The Mega Menu article for more information.
Fusion Builder Widget Area Element – You can assign any widget area to any page or post using the Fusion Builder Widget Area element. Simply add the element to your page, then select the widget area you wish to display from the dropdown menu. See our Widget Area Element article for more information.

Sidebar Responsive Order

Sidebar Responsive Order

IMPORTANT NOTE: This feature is only available in Avada 5.7 or higher.Sidebar Responsive Order in Theme OptionsWith Avada 5.7 and up, we have a useful feature to better control sidebars when in responsive mode.
Via the Sidebar Global Options, found at Avada > Options > Sidebars > Sidebar Styling, you can now set the Sidebar Responsive Order. This allows you to choose the order of the main page Content, as well as the Sidebar 1 and Sidebar 2 content, when in responsive mode. For example, you may wish to reorder the options, so that Sidebar 1 content is always displayed above normal content in responsive mode. This is achieved by a simple drag and drop interface. The settings are directly connected to the Sidebar Responsive Breakpoint, as found at Avada > Options > Responsive > Sidebar Responsive Breakpoint, so you can fine tune exactly when they kick in.
Sidebar Responsive Order in Page OptionsAs well as setting the global order of Sidebars in responsive mode in the Global Options, there is also the option to override this on a page by page basis, by choosing the responsive order in the Avada Page Options, as shown below.