Home / , / Theme options – General – Footer

Theme options – General – Footer

10126 views

Quick Menu

In WpResidence, you can manage the footer in 2 different ways:

Important: These are 2 separate footer systems. If you create and assign a custom Footer template in WpResidence Studio, it replaces the default theme footer in the display locations you choose.

Navigate to Theme Options > General > Footer to access the footer settings. You will find the following configuration options:

Show Footer? Yes/No

If set to Yes, you must set up the widgets you wish to show in the footer widget area.

Show Footer Copyright Area? Yes/No

If set to Yes, you must:

Show Back to Top Button? YES/NO and Show Footer Contact Button? YES/NO

These options hide or show the buttons from the footer section.

Wide Footer?

  • Yes / No
  • When set to Yes, the footer width stretches to 100% of the screen, ignoring container constraints.
  • When set to No, the footer width is limited to the default boxed container.

Footer Type

Choose how many columns the footer should have and their relative widths. Available layouts:

  • 4 equal columns – Four columns of equal width.
  • 3 equal columns – Three columns of equal width.
  • 2 equal columns – Two columns of equal width.
  • 100% width column – One single full-width column.
  • 3 columns: 1/2 + 1/4 + 1/4 – Three columns with a wide left column and two smaller right columns.
  • 3 columns: 1/4 + 1/2 + 1/4 – Three columns with a wide middle column and two smaller side columns.
  • 3 columns: 1/4 + 1/4 + 1/2 – Three columns with a wide right column.
  • 2 columns: 2/3 + 1/3 – Two columns where the left column is wider.
  • 2 columns: 1/3 + 2/3 – Two columns where the right column is wider.

Background for Footer

  • Allows you to upload a custom background image for the footer area.
  • Click Upload to select or upload an image from the media library.

Repeat Footer Background?

Controls how the background image is displayed:

  • repeat – Repeats the image both horizontally and vertically.
  • repeat x – Repeats the image only horizontally.
  • repeat y – Repeats the image only vertically.
  • no repeat – Displays the image once without repeating.

Use Sticky Footer?

  • Yes / No
  • When enabled, the footer will stick to the bottom of the browser window, regardless of content height.

Important: The Show Footer when Using Half Map Layout option does not work if Enable Sticky Footer is also set to Yes.

These options let you control the main colors for the footer area.

Footer Background Color

  • Sets the background color of the entire footer area.
  • Click Select Color to choose or input a custom color.

Footer Font Color

  • Defines the default text color used in the footer content, including paragraphs and links.
  • Click Select Color to apply the desired text color.

Footer Heading Font Color

  • Controls the color of heading elements, such as widget titles and section headings, in the footer.
  • Click Select Color to pick a custom heading color.

Footer Copyright Font Color

  • Sets the font color for the copyright text area.
  • Click Select Color to customize.

Footer Copyright Area Background Font Color

  • Controls the background color of the copyright area, the bar below the main footer.
  • Click Select Color to apply.

Footer Social Widget Icon Background Color

  • Changes the background color of the social icons displayed in the footer social widget.
  • Click Select Color to customize.

Footer Social Widget Icon Color

  • Sets the color of the actual social icons in the footer.
  • Click Select Color to select a custom icon color.

The footer layout supports up to 4 widget columns, depending on the selected Footer Type.

How to Add Content to the Footer Columns

  1. Go to Admin > Appearance > Widgets.
  2. Locate the Footer Widget Areas such as Footer Column 1, Footer Column 2, and so on.
  3. Use drag and drop to add widgets like text, menus, or social icons to each column.
  4. Save your changes.

The widgets will be positioned in this area, above the copyright footer area.

If you want full design flexibility, you can create a custom footer using WpResidence Studio and Elementor Free. This option is separate from the default footer settings from Theme Options. The Studio footer replaces the default footer in the display locations you assign. :contentReference[oaicite:2]{index=2}

Install the WpResidence Design Studio plugin

  • Go to WP Admin > Appearance > Install Plugins
  • Or go to WpResidence > Site Settings > Plugins
  • Install and activate WpResidence Studio

Full guide: How to Create Custom Header/Footer with Header Footer Builder. :contentReference[oaicite:3]{index=3}

How the custom footer works

  • The Footer template replaces the default WpResidence footer in the display locations where you assign it.
  • Before Footer adds content before the custom Elementor footer.
  • After Footer adds content after the custom Elementor footer.

This allows you to build different footer designs for different sections of the website, if needed. :contentReference[oaicite:4]{index=4}

Create the Footer template

  1. From WordPress admin, go to WpResidence Studio Templates.
  2. Click Add New WpResidence Studio Template.
  3. Select Footer as template type.
  4. Click Edit with Elementor to design your footer.
  5. Publish the template.

Set Display Locations

After creating the footer, choose where it should appear. You can assign it to the entire website, all singular pages, all archives, special pages, post types, or specific taxonomies and terms. For example, you can use one footer for the whole site or a different footer only for a certain property city or taxonomy archive. :contentReference[oaicite:5]{index=5}

When to use Elementor Footer instead of the default footer

  • Use Elementor Footer when you want a fully custom layout and styling.
  • Use the default footer when you want to manage widget columns, colors, copyright text, and footer menu from Theme Options without building a custom template.

Choose the default footer if you want the fastest setup and prefer editing from Theme Options and Widgets.

Choose the Elementor footer if you want full control over design, content structure, spacing, and display conditions.

If you are already using a custom Studio footer, changes made in Theme Options > General > Footer may not be visible in the locations where the Studio footer is assigned, because the custom footer replaces the theme default footer there. :contentReference[oaicite:6]{index=6}