Home Newspaper 7 Documentation Footer templates

Footer templates

The Newspaper theme comes with 12 footer styles. You can now customize the footer by adding text, widgets or social icons and maximize your website impact on the audience. The footer uses the widget area to display information.

How To Setup The Footer

  • Step 1 – Navigate to Newspaper > Theme panel > Footer > Footer settings panel to access the footer options. You will see 3 sections.
  • Step 2 – Expand the Footer Settings section and select a Footer template. All options will automatically load based on your selection.
  • Step 3 – Click the Save Settings button

Types of content you can use

Predefined content

Some footer templates contain predefined content like the Footer info content that can be set from it’s section located in Theme Panel. To add this type of content go to the Theme panel > Footer > Footer Settings > Footer Templates and choose the desired style.

To customize the content from Info content you need to go to Theme panel > Footer > Footer Info content section and add your desired information.

footer template 1

Custom content

To add your own footer content:

  • Step 1 – Go to Appearance > Widgets
  • Step 2 – Here you will find 3 sidebars: Footer 1, Footer 2 and Footer 3.
  • Step 3 – Drag the widgets you like in each Footer sidebar.

Note: Style 1 to Style 5 are designed to populate the footer with predefined content. If you decide to add custom content it will be added after the predefined content.

footer-templates-2

Footer info content

As you already noticed this set of options is quite important in your footer construction. Go to Newspaper > Theme Panel > Footer and expand the Footer Info Content section to begin customizing this area.

In this section you can add a footer logo, a retina logo and a descriptive text. You can also set up your email address and you can decide if your footer will display the Social Icons.

footer-templates-3

Footer Logo

You can choose to display a different one from the header logo. If a footer logo is not specified, the site will load the default normal logo. Go to Newspaper > Theme Panel > Footer and expand the Footer Info Content section. Click the Upload button.

Notice: There are several Footer Logo Size variations depending on what Footer Template you want to use.

Footer Template Style 1, 2, 3

Style 1
icon-footer-1

Style 2
icon-footer-2

Style 3
icon-footer-3

Footer Template Style 4

For this Footer Template you can use a full width container logo that will be centered.

Notice: if you want to use a smaller logo with this Footer Template you will need to add your logo size in Custom CSS for retina logo to know how to constrain proportions.

This means in Custom CSS we add:

.footer-logo-wrap img { width: 500px; }

Your Retina Logo size should be double size: in our case 1000 x 468px

  • Footer Logo: 500 x 234px
  • Footer Retina Logo: 1000 x 468px

Style 4

Footer text is usually a text about your site’s topic, a very short and relevant description. To assign a text to this area go to Newspaper > Theme Panel > Footer and expand the Footer Info Content section. Write your text and click the Save Settings button.

Social icons – in this section you choose if you want to display the social icon in the footer. To set up the Social Icon go to Newspaper > Theme Panel >Social Networks section.

Don’t forget to click on Save Settings button.

Footer templates

In Newspaper> Theme panel > Footer > Footer Settings you can choose the style for your footer. You have 12 different templates combining the custom and the predefined content to make your footer look amazing.

Let’s meet the 12 footer styles:

Style 1
icon-footer-1

This style has 4 sections. It displays content from the info content on the forth widget area and automatically populates the other three areas with predefined content.

Style 2
icon-footer-2

This style has 3 sections. It uses the predefined content from the info content section on the first widget area, and automatically populate the other two areas with predefined content.

Style 3
icon-footer-3

This style has 3 sections. It uses the predefined content from the info content section on the first widget area and gives you the freedom to decide how to populate the other two widget areas.

Style 4
icon-footer-4

This style has only one section that uses the predefined content from the info content.

Style 5
icon-footer-5

This style has 4 sections structured on three columns and the info content section. Its up to you to decide what content will be displayed in these widget columns.

Style 6
icon-footer-6

This style has 3 sections. It uses the predefined content for the info content section, while Footer 1 is stretched on two columns. Its up to you to decide what content will be displayed in these widget columns.

Style 7
icon-footer-7

This style has 3 sections. The Footer 1 area is using a column while Footer 2 is stretched on two columns. Style 7 uses the predefined content from the info content section.

Style 8
icon-footer-8

This style has 2 sections. The first is stretched on three columns (Footer 1) while it uses the predefined content from the info content section.

Style 9
icon-footer-9

This style has 3 sections. Its up to you to decide what content will be displayed in these widget columns.

Style 10

icon-footer-10

This style has 2 sections. The Footer 1 stretched on two columns. Its up to you to decide what content will be displayed in these widget columns.

Style 11

icon-footer-11

This style has 2 sections. The Footer 2 stretched on two columns. Its up to you to decide what content will be displayed in these widget columns.

Style 12

icon-footer-12

This style has only one section stretched on three columns. Use this to create a special custom footer.

Subfooter settings

The subfooter section usually includes a copyright text and a menu that is positioned on the right. Go to Newspaper > Theme Panel > Footer and expand the Subfooter settings section.

In this panel you can assign a copyright text very easily and you can choose to display the copyright symbol.

The most important option in this section is the Footer Menu. You can assign a menu to your sub footer.

sub footer