Wix Editor: Customizing Your Site Footer
3 min read
The footer appears at the bottom of your site, and usually includes content like your contact and copyright information. Customize your footer to match your site's look and needs. You can adjust the footer's design, resize it to your liking, and add a freeze effect so it's always visible.
In this article, learn more about:
Changing the design of the footer
Customize the footer to match your site's palette and theme. There are many footer designs to choose from, which you can further personalize for your needs.
Note:
The available customization options depend on the footer design you choose.
To change the footer design:
- Click the footer in your Editor.
- Click Change Footer Design.
- Do one of the following:
- Switch to a different design: Select one of the suggested footer designs.
- Customize the design:
- Click Customize Design at the bottom.
- Choose how you want to customize the footer:
- Fill Color & Opacity: Choose a color for your footer, and adjust its intensity.
- Border: Adjust the borders around your footer by choosing the color, intensity, and width.
- Corners: Make the corners of your footer rounder, or more square.
- Shadow: Add and adjust a shadow for your footer. You can use the settings to make it more subtle, or to be more impactful.
- Spacing: Make the spacing betweeen your footer's background and borders bigger or smaller.
Want to make your footer transparent?
Select the No Color option in the Footer Design panel.
Resizing the footer
Use the stretch handle to make your footer as big or as small as you want.
Bigger footers are useful if you have extra content you don't want to manually add to every page, like social media links and contact details. If you have little or no elements, small footers are great for a minimalist look.
To resize your footer:
- Click the footer in your Editor.
- Click and drag the stretch handle at the bottom of the footer to your chosen size.
Note:
Make sure that there are no elements at the bottom of the footer which might get in the way of the stretch handle. If you can't see the element, it may be hidden. Learn how to find hidden elements
Freezing your footer
Freeze your footer so that it is always visible on your live site, no matter where visitors are on the page. This option is especially useful if your footer contains important information or content that you want your visitors to find easily.
To freeze your footer:
- Click the footer in your Editor.
- Click the Settings icon
. - Click the Freeze Footer toggle to enable or disable this option:
- Enabled: The footer is frozen, so it is always visible when visitors view and scroll through your site.
- Disabled: Your footer remains at the bottom of your site and it is not visible when your visitors scroll away from it.
Notes:
- If you place an element inside a frozen footer, the Show On All Pages toggle is disabled.
- Freezing your footer may prevent you from clicking or selecting elements. If you find that there are elements you cannot select or click, unfreeze your footer and check whether this solves the problem.
Did this help?
|