Modify the Footer Widget

Modified on Thu, 24 Dec, 2020 at 5:21 PM

TABLE OF CONTENTS


1 - Settings

Get your Footer Widget styling with layout settings:

  • Boxed layout: Add a padding around the main wrapper.
  • Section padding: Add a custom padding around the main wrapper.
  • Column Grid layout: Arrange the content position.
  • Item spacing: Add space between contents.

To learn how to insert values for specific fields, please read this document.



2 - Content

We have 07 types of content to customize your section.


Menu

To add a typical menu in your footer widget, click Add content > Menu.

  • Insert then name your menu with Title field (default is the inserted Menu title).
  • Hide title option is also available.


Information

Ideal for adding store's contact information.

  • Name your section with Title field.
  • Use Content 1 - 2 fields to add necessary content.
  • This ticket also allows you to add a button and link it to another page.
  • Button style: Choosing from pre-set buttons. You can edit this in Theme settings > Color & Style.


Information with Social

This ticket is similar to the Information ticket but it does contain Social icons at the section bottom.

  • For Social icons settings, go to Theme settings > Social icons.


Newsletter

Add a Newsletter field, let your customers subscribe to your store.

  • Modify the text display
  • Text 1: Heading
  • Text 2: Subheading
  • Form settings
  • Form type: Mailchimp or Klaviyo
  • Form URL: Paste your form URL

Guide for Mailchimp

Guide for Klaviyo

  • Form style: Choose the displaying style for the text box.
  • Design Button display with Button label and Button style


Ticket arrangement tips:

1 - Bring the [+] Row ticket ABOVE one(s) which you would like to make a section break.
2 - [+] Color style ticket will affect whole section, place it in the section you would like to make changes.
3 - Bring [+] Button style ticket BELOW the ticket which you would like to make changes.


[+] Row

You can use this ticket to separate the content below into another section and adjust displaying style for a particular part.

The elements can be adjusted are:

  • Column grid layout: Dividing spaces for each section. Insert the values from left to right.
  • Item spacing: Adjust distance between 02 items.
  • Margin: Customize the block margin.
  • Padding: Add a custom padding around the main wrapper.
  • Visibility responsive: Insert 0 to keep the section visible, 1 to hide it.


[+] Color Style

To change colors and style for the whole block.

The elements can be adjusted are:

  • Background color
  • Border radius
  • Heading color
  • Heading font weight & size
  • Text & Link colors


[+] Button Style

To change colors and style for a button.

The elements can be adjusted are:

  • Font size & Font weight
  • Padding
  • Margin
  • Text & Background colors
  • Border width
  • Border color
  • Rounded corner



How to insert values for your theme.

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article