Getting Started

Theme Options & Style

General Guidelines

Plugins

FAQ

Extras

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.

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.

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

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.
  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.

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

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.

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.

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