### Getting Started

- Introduction
- Installing Theme
- Installing Plugins
- Theme Update
- Plugin Update
- Import Demos
- Child Theme
- Activating License

### Theme Options & Style

- Options Overview
- General
- Header
- Footer
- Homepage
- Post Page
- Categories
- Other Pages
- Colors & Typography
- Block & Modules
- Advertisement
- Advanced

### General Guidelines

- Single Post
- Page Templates
- Sidebar & Widgets
- Menus

### Plugins

- Plugins Overview
- Ak Framework
- Newsy Elements
- BuzzEditor
- Newsy Social Counter
- Newsy Social Share
- Newsy View Counter
- Newsy Fake Counter
- Newsy Reaction
- Newsy Voting
- Newsy AMP
- Newsy JSON-LD
- BuddyPress
- WooCommerce
- bbPress
- WordPress Social Login
- WPBakery Page Builder
- Elementor Page Builder

### FAQ

- How to Install WordPress
- Missing Stylesheet

### Extras

- Changelog
- Support
- License

# Footer

The footer theme area consists of various elements like footer logo, footer menu, or social icons. The theme offers the Footer Builder so you have full control over the footer composition.

## Footer Builder

The footer builder allows you to compose any footer layout using an easy and intuitive drag & drop interface.

### Quick Start

To start building your footer, please do as follows:

1. Open the Newsy → Theme Options → Footer → Footer Builder Option
2. Use drag & drop interface to move footer elements between rows
3. Click on an element (e.g. Logo) to open its settings panel
4. Save changes

### Manage Rows

The footer layout is divided into 3 rows (labeled as top, mid, bottom). Every row has 3 cells (left, middle, right).

1. To reposition rows, mouse hover to rows.
2. To change row/cell properties, click the icon.
3. To move a row, just drag & drop it.

### Manage Cells

The footer layout rows has 3 cells (left, middle, right).

1. Align: place items to left, center, right.
2. Display: Grow is force cell size wide. Normal cell is takes items size.

## Footer Presets

The builder offers a few pre-made footer compositions for a quick start. Please do as follows to start working from a pre-defined layout:

1. Open the Newsy → Theme Options → Footer → Footer Presets.
2. Click one of the available Compositions.
3. Adjust your footer.
4. Save changes

## Footer Style

The footer layout is divided into 3 rows (labeled as top, mid, bottom). Set style and height for each bar in here.

- Footer Wrap Style

1. Footer Background Color
   Select footer wrapper color. This will set background color for all footer bars.
2. Footer Background Image
   Select footer wrapper background image. This will set background image for all footer bars.

### - Top Bar

1. Row Style
   Base css style for the row. You can add specific colors and spaces for row.
2. Row Height
   Set height size of top bar height.

- Mid Bar

1. Row Style
   Base css style for the row. You can add specific colors and spaces for row.
2. Row Height
   Set height size of mid bar height.

- Bottom Bar

1. Row Style
   Base css style for the row. You can add specific colors and spaces for row.
2. Row Height
   Set height size of bottom bar height.

## Footer Elements

All available builder elements are listed below. Some elements require setup. Please refer to their configuration pages before using it inside the builder.

### Footer: Logo

By default the theme displays the site title in the Footer Theme Area. You can easily change it and display the logo image.

1. Logo Type
   Choose logo type. Text or Image.

   Text Logo

   1. Text Logo
      Set site name here for logo text.
   2. Text Logo Typography
      Set typography for logo text.

   Image Logo

   1. Logo Image
      Upload an image as logo.
   2. Logo 2x Image
      Upload a retina image as retina logo.
   3. Logo Dark Image
      Upload an image as logo for dark scheme.
   4. Logo Dark 2x Image
      Upload a retina image as retina logo for dark scheme.

### Footer: Menu

In this part, you can setup several options for footer menu.

1. Footer Menu Style
   Choose style of footer menu.

### Footer: Social Icons

In this part, you can setup several options for footer social icons.

1. Select Social Icons
   Choose social icons.
2. Social Icons Style
   Choose social icon style.
3. Social Icons Background Color
   Set icon background color.
4. Social Icons Color
   Set icon color.

### Footer: Copyright

In this part, you can setup several options for footer copyright.

1. Copyright Text
   Enter the copy right text of footer. You can use following pattern to make replace them with real data:
   #year#: Will replace with current year, ex: 2015.
   #date#: Will replace with current year, ex: 2015.
   #sitename#: Will replace with site title.
   #title#: Will replace with site title.
   #siteurl#: Will replace with site homepage url.

Example Copyright Text:
© #year# <a href="#siteurl#" title="#title#">#sitename#</a> - #title#

### Footer: Buttons

In this part, you can setup several options for button element.

Button 1-2

1. Button Text
   Insert button text.
2. Button Icon
   Insert font icon for button.
3. Button Link
   Insert button url link.
4. Button Style
   Set button style.
5. Background Color
   Set background color for the button.
6. Background Hover Color
   Set background hover color for the button.
7. Text Color
   Set text color for the button.
8. Text hover Color
   Set text hover color for the button.
9. Border Color
   Set border color for the button.
10. Border Hover Color
    Set border hover color for the button.

### Footer: Ads

In this part, you can setup several options for Footer Ads element.

1. Ad 1
   Select ad element.
2. Ad 2
   Select ad element.

### Footer: Html Elements

In this part, you can setup several options for HTML element.

1. HTML Element 1
   Insert html or shortcode element.
2. HTML Element 2
   Insert html or shortcode element.
3. HTML Element 3
   Insert html or shortcode element.

### Footer: Widgets

Newsy comes with 3 pre-defined widget areas that you can use to decorate your footer. Here’s the list of pre-defined widget areas : Footer - Column 1, Footer - Column 2 and Footer - Column 3. Footer Widgets element will be use all in single row. Footer Widget 1-2-3 elements will use them separately in footer area.

#### Content