Install #1 Page Builder App for FREE and get deal 6 months of Standard Plan. Install Now  

Header background

Footer

Annie

Written by Annie

Last updated

8 views

On this page


This section allows users to create a more flexible and professional "Footer" with a new block called "Col (Parent)". Let's follow this article to get more information about configuring Footer.

1. Footer content

There are many blocks for footer:

  • Col (Parents): To add the content for Footer Main, you have to add a Columns (Parent) block first, then add other child blocks for it.

  • Text: You are allowed to enter any text here. Please use <br> to break line and there is an option to enable/disable line breaks on mobile version.

  • HTML: You can add any HTML here to show in the Footer. There is also an option to hide this block on Mobile version.

  • Image (Child): This block allows you can upload image for footer content.

  • Menu: You can add menu in Navigation for it.

  • Social, Payment, Form newsletter.

From Footer > Add block > choose the block you want to add.

block.gif

You can check the video below about these blocks:

2. Footer Settings

ADVANCE OPTIONS

  • Enable sticky footer: Tick on this option to enable/disable it.

  • Accordion mobile: Enable/disable the accordions mobile footer option.

  • Border top: Enable/disable border-top option. Moreover, you can also choose border position between In container and Full width.

  • Space horizontal/ vertical items: You can change this for both Desktop and Mobile versions.

HEADING OPTIONS

  • You are allowed to change Font family, Font-size, Line height, Font weight, Letter spacing, Heading margin for the heading of each block.

TEXT CONTENT, COLOR OPTIONS

  • You can Font size and Font weight for the content.

  • There are Heading, Text, Link, Link hover, Border color options for you to change.

DESIGN OPTIONS

  • Layout: You can choose the container layout between Container, Wrap container, Full width.

  • Background: Allow to change color and gradient for background.

[Private Offer] EComposer Partner Plan

ecomposer.jpg
Exclusively for The4 users, when you bougth any theme from us, you can get Ecomposer - Theme Partner Plan for ZERO and start making beautiful, high-converting store pages today:

  • FREE 100% EComposer Standard plan for 6 months (save you $144)
  • Build ANY Shopify pages: Landing page, Sale Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.
  • Create advanced sections & add to your theme with ease
  • 100+ professtional, stunning designer-made templates
  • Build pages with a love drag-drop editor, no coding required

How to claim offer. Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject "Theme name+EComposer" to upgrade for free

Ecomposer1.jpg
Cheers, The4.

We uses cookies to ensure you get the best experience on our website.