How to Implement a Transparent Header

As you can see on the home page of the FreeHold theme demo site, the header has a transparent background. This can easily be implemented on any selected page within your website. To do so, use the Header Options module.

First, go to edit any page of your FreeHold site. Click the top header area to open the editing area for the global header. You'll be prompted about it being a global element. Proceed.

Then click the "Contents" tab on the left side panel to see the header elements. In that list, you will see a module "header-options". Click that to open up this module, which gives you the ability to select which pages within your FreeHold site will get a transparent header treatment. When you click to open this module, you will again be prompted about it being global content as this is a global module.

Module Settings

Once you have the module open, you will see that it only has one field... so it's really simple!

• Pages with Transparent Header. This is a page selection field repeater. Click "Add" to get a page selection. Search and locate your desired page for existing pages that you have created. After selecting the page, click "Apply Changes".

Click the "header-options" breadcrumb link on the left panel above the module settings. This will return you to the main view of this module. You should see your selected page in the list now.

To apply the changes, click the orange "Publish" button in the top right corner. As this is a global module, you will be alerted that your changes will apply to multiple assets.

Now, you're all set with a transparent header on your selected page(s)!