Footer
POFO provides an option to modify footer for your site. Changes made over here will be reflected globally. Footer is divided into three different parts as mentioned below.
1. Footer Wrapper
You can customize the most upper part of the footer where you can set logo, social icons and text globally on site.
- Style and Data
- Social Media Icon
- Font and Color
Footer Wrapper > Style and Data
You will get settings to set style of the footer wrapper and elements inside it.
Footer Wrapper > Style and Data > Footer Wrapper
You can display / hide footer wrapper from this setting. Click on the “On / Off” button respectively to do so.
Footer Wrapper > Style and Data > Style
You can select any of the three style provided to customize the footer wrapper part.
Footer Wrapper > Style and Data > Container Style
You can set the width of the content for footer wrapper by selecting any one option from the drop down.
Footer Wrapper > Style and Data > Text
You can enter the text into the text box provided under this setting to display text on your footer wrapper.
Footer Wrapper > Style and Data > Logo
You can set logo for the footer wrapper part in here.
Footer Wrapper > Style and Data > Retina Logo
You can set logo from here for high resolution devices.
Footer Wrapper > Style and Data > Logo URL
You can set the link for the logo set in the footer from filling up the text box with proper URL.
Footer Wrapper > Style and Data > Padding Style
This function will set the height of the footer wrapper. You can select any one from the provided option in drop down menu.
Footer Wrapper > Social Media Icon
You will get settings not only to set social media icon and url but also to change color of icon and change text.
Footer Wrapper > Social Media Icon > Social Icons Section
You can display / hide the social icon section on footer wrapper by selecting “On/Off” respectively.
Footer Wrapper > Social Media Icon > Social Text
You can fill out provided text box under this setting to display text before social icons on footer wrapper.
Footer Wrapper > Social Media Icon > Open links in new window?
You can set social icon link to be open on new page after clicking on it by selecting “On” under this setting.
Footer Wrapper > Social Media Icon > Social Media URLs
You can set URLs for the social fields provided under this section. You can also rearrange the order of the social fields by drag and drop.
Footer Wrapper > Social Media Icon > Custom Icons Code
You can add your own code here to display it at the end of social icons part in footer wrapper.
Footer Wrapper > Social Media Icon > Social Text Font Size
You will be able to set the font size of the social text for footer wrapper from entering value into the provided text box followed by px.
Footer Wrapper > Social Media Icon > Social Text Line Height
You can alter the line height of the social text from this setting. Enter value into the provided text box followed by px to do so.
Footer Wrapper > Social Media Icon > Social Text Character Spacing
You can change the spacing between letters of the social text from this setting. Enter value into the provided text box followed by px to do so.
Footer Wrapper > Social Media Icon > Social Icon Font Size
You can change the size of the social icons from entering the numeric value inside provided text box followed by px.
Footer Wrapper > Social Media Icon > Social Icon Line Height
You can alter the line height of the social icons from this setting. Enter value into the provided text box followed by px to do so.
Footer Wrapper > Social Media Icon > Social Icon Character Spacing
You can change the spacing between social icons from this setting. Enter value into the provided text box followed by px to do so.
Footer Wrapper > Social Media Icon > Social Text Color
This option will change the social text color on the footer wrapper section for your site. Click on “Select Color” button under this and select color from color picker.
Footer Wrapper > Social Media Icon > Social Icons Color
This option will change the social icon color on the footer wrapper section for your site. Click on “Select Color” button under this and select color from color picker.
Footer Wrapper > Social Media Icon > Social Icon Hover Color
This option will change the social icon color on the footer wrapper section when mouse hover. Click on “Select Color” button under this and select color from color picker.
Footer Wrapper > Font And Colors
You will get the general settings for the font and color over here.
Footer Wrapper > Font And Colors > Font Size
You can change the size of the fonts on footer wrapper part of your site from entering the numeric value inside provided text box followed by px.
Footer Wrapper > Font And Colors > Line Height
You can alter the line height of the fonts on footer wrapper part of your site from this setting. Enter value into the provided text box followed by px to do so.
Footer Wrapper > Font And Colors > Character Spacing
You can change the spacing between fonts on footer wrapper part of your site from this setting. Enter value into the provided text box followed by px to do so.
Footer Wrapper > Font And Colors > Background
This option will change the background color of the footer wrapper section on your site. Click on “Select Color” button under this and select color from color picker.
Footer Wrapper > Font And Colors > Text
This option will change the text color of the footer wrapper section on your site. Click on “Select Color” button under this and select color from color picker.
2. Footer
You can customize the middle part of the footer where you can set sidebars and change designs globally on site.
- Style and Data
- Color Settings
Footer > Style and Data
You will get settings to set style of the footer and elements inside it.
Footer > Style and Data > Footer
You can display / hide footer from this setting. Click on the “On / Off” button respectively to do so.
Footer > Style and Data > Style
You can select any of the three style provided to customize the footer part.
Footer > Style and Data > Container Style
You can set the width of the content for footer by selecting any one option from the drop down.
Footer > Style and Data > Column 1 Sidebar
You can select any sidebar to show on the 1st column of the footer part from the drop down menu provided under this setting.
Footer > Style and Data > Column 2 Sidebar
You can select any sidebar to show on the 2nd column of the footer part from the drop down menu provided under this setting.
Footer > Style and Data > Column 3 Sidebar
You can select any sidebar to show on the 3rd column of the footer part from the drop down menu provided under this setting.
Footer > Style and Data > Column 4 Sidebar
You can select any sidebar to show on the 4th column of the footer part from the drop down menu provided under this setting.
Footer > Style and Data > Padding Style
This function will set the height of the footer. You can select any one from the provided option in drop down menu.
Footer > Color Settings
Here you will get color and font setting for the footer part of your site.
Footer > Color Settings > Background
You can set the background color for the footer from this setting. Click on “Select Color” button under this and select color from color picker.
Footer > Color Settings > Text
You can set the default text color for the footer from this setting. Click on “Select Color” button under this and select color from color picker.
Footer > Color Settings > Link
You can set the default link color for the footer from this setting. Click on “Select Color” button under this and select color from color picker.
Footer > Color Settings > Link Hover
You can set the default link hover color for the footer from this setting. Click on “Select Color” button under this and select color from color picker.
Footer > Color Settings > Vertical Separator
You can set the vertical separator color for the footer from this setting. Click on “Select Color” button under this and select color from color picker.
Footer > Color Settings > Widget Title
You can set the widget title color for the footer from this setting. Click on “Select Color” button under this and select color from color picker.
Footer > Color Settings > Widget Title Font Size
You will be able to set the font size of the widget title for footer from entering value into the provided text box followed by px.
Footer > Color Settings > Widget Title Line Height
You can alter the line height of the widget title on footer part of your site from this setting. Enter value into the provided text box followed by px to do so.
Footer > Color Settings > Widget Title Character Spacing
You can change the spacing between letters of widget title on footer part of your site from this setting. Enter value into the provided text box followed by px to do so.
3. Footer Bottom
You can customize the bottom part of the footer where you can set right/left text globally on site.
- Style and Data
- Font and Color
Footer Bottom > Style and Data
You will get settings to set style of the footer bottom and text inside it.
Footer Bottom > Style and Data > Footer Bottom
You can display / hide footer bottom from this setting. Click on the “On / Off” button respectively to do so.
Footer Bottom > Style and Data > Style
You can select any of the three style provided to customize the footer bottom part.
Footer Bottom > Style and Data > Container Style
You can set the width of the content for footer bottom by selecting any one option from the drop down.
Footer Bottom > Style and Data > Left Text
You can enter the text for the left part of footer bottom in the text area provided under this setting. You can also right the html code inside this for displaying link or images on it.
Footer Bottom > Style and Data > Right Text
You can enter the text for the right part of footer bottom in the text area provided under this setting. You can also right the html code inside this for displaying link or images on it.
Footer Bottom > Style and Data > Padding Style
This function will set the height of the footer bottom. You can select any one from the provided option in drop down menu.
Footer Bottom > Style and Data > Left Text Font Size
You will be able to set the font size of the left text on footer bottom from entering value into the provided text box followed by px.
Footer Bottom > Style and Data > Left Text Line Height
You will be able to set the line height of the left text on footer bottom from entering value into the provided text box followed by px.
Footer Bottom > Style and Data > Left Text Character Spacing
You can change the spacing between letters of left text on footer bottom part of your site from this setting. Enter value into the provided text box followed by px to do so.
Footer Bottom > Style and Data > Right Text Font Size
You will be able to set the font size of the right text on footer bottom from entering value into the provided text box followed by px.
Footer Bottom > Style and Data > Right Text Line Height
You will be able to set the line height of the Right text on footer bottom from entering value into the provided text box followed by px.
Footer Bottom > Style and Data > Right Text Character Spacing
You can change the spacing between letters of right text on footer bottom part of your site from this setting. Enter value into the provided text box followed by px to do so.
Footer Bottom > Style and Data > Background
You can set the background color for the footer bottom from this setting. Click on “Select Color” button under this and select color from color picker.
Footer Bottom > Style and Data > Text
You can set the default text color for the footer bottom from this setting. Click on “Select Color” button under this and select color from color picker.
Footer Bottom > Style and Data > Link
You can set the default link color for the footer bottom from this setting. Click on “Select Color” button under this and select color from color picker.
Footer Bottom > Style and Data > Link Hover
You can set the default link hover color for the footer bottom from this setting. Click on “Select Color” button under this and select color from color picker.
Footer Bottom > Style and Data > Horizontal Separator
You can set the horizontal separator color for the footer from this setting. Click on “Select Color” button under this and select color from color picker.
