Footer Configuration

"footer": { "value" : "default" }

Changing Footer Style Settings

There are two ways to change the footer Style settings:

1. Using the Live Customizer

You can work on footer style using the Live Customizer in two different ways:

a. By Declaring Properties in setting.ts

Example setting.ts:

"export const defaultState: SettingDefaultState = {
    "saveLocal": "sessionStorage",
    "storeKey": "huisetting-html",
    "setting":footer: { target: ".footer", choices: ["default", "sticky", "glass"], type: "layout_design", value: "default",
     },
    }
    

b. By Copying Configuration from the Live Customizer

1. Go to the Live Customizer and click the 'Copy Config' button at the top-right to copy the JSON file from the settings panel.
2. Replace the copied code into the options object in the setting.ts file.

Before:

"export const initialState: SettingState = {
    "saveLocal": "sessionStorage",
    "storeKey": "huisetting-html",
    "setting":{
       "footer": { "value": "default" },
    }
},

After:

"export const initialState: SettingState = {
    "saveLocal": "sessionStorage",
    "storeKey": "huisetting-html",
    "setting":{
        "footer": { "value": "sticky" },
    }
},

1. Manual Configuration

You can change the footer style with a single action by adding the appropriate class to the <footer>.

Footer Style

To change the footer style, set the class in footer:

• Footer Default:

<footer class="default">
    .......
</footer>

• Footer Sticky:

<footer class="sticky">
    .......
</footer>

• Footer Glass:

<footer class="glass">
    .......
</footer>