# Footer Light 1

![](https://980438068-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MV0r5tR9bPLGnwB_pyk%2Fuploads%2F8BBo3NYY5sAZ7TlTUziV%2FFashion%202%20%E2%80%93%20Elessi%202022-04-25%2015-26-35.jpg?alt=media\&token=07d904f9-c360-4a65-89ef-f323b87e7d1c)

**First** - go to **WPBakery Page Builder** > **Role Manager** and under the user roles, choose the post type is Custom and check the post type you want to use the <mark style="color:blue;">**WPBakery Page Builder**</mark> (**Footer**)

![](https://980438068-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MV0r5tR9bPLGnwB_pyk%2Fuploads%2F9Wuf06IpKqikFue03zLt%2FRole%20Manager%20%E2%80%B9%20Elessi%20%E2%80%94%20WordPress%202022-03-28%2011-37-57.jpg?alt=media\&token=54200eb4-7f81-4d7e-9817-bdba8812b06b)

Next, navigate to **Theme Options > Footer Builder (WPBakey)** to control these sections

![](https://980438068-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MV0r5tR9bPLGnwB_pyk%2Fuploads%2Fjo3qPpK8OGQzitlrVKWv%2Fwpb-footer-light-1.jpg?alt=media\&token=29feb44c-1933-4691-a38c-e02d109ad823)

![Click Backend Editor to drop and drag elements](https://980438068-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MV0r5tR9bPLGnwB_pyk%2Fuploads%2FRq2kQ2P2vOpj0qusyfRR%2Fwpb-footer-light-1-2.jpg?alt=media\&token=5ad7171d-755c-4fc2-95b2-d65ab43f1c71)

#### <mark style="color:green;">**1. How to set up logo**</mark>

![](https://980438068-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MV0r5tR9bPLGnwB_pyk%2Fuploads%2Fxgre4CqGYoTiiJSMhyHp%2FEdit%20Footer%20%E2%80%9CFooter%20Light%201%E2%80%9D%20%E2%80%B9%20Elessi%20%E2%80%94%20WordPress%20%F0%9F%94%8A%202022-05-12%2017-13-06.jpg?alt=media\&token=8135ec18-ebcd-4c63-883a-bf0e031653ca)

#### <mark style="color:green;">**2. How to change the contact form**</mark>

![](https://980438068-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MV0r5tR9bPLGnwB_pyk%2Fuploads%2FuoicFIp4hX17rw0jVhVE%2FEdit%20Footer%20%E2%80%9CFooter%20Light%201%E2%80%9D%20%E2%80%B9%20Elessi%20%E2%80%94%20WordPress%202022-03-22%2019-34-38.jpg?alt=media\&token=841d5fab-fafb-4725-acdf-85d3790a13c1)

#### <mark style="color:green;">**3. How to change the icon social network**</mark>

![](https://980438068-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MV0r5tR9bPLGnwB_pyk%2Fuploads%2FPpw5vK1hPiCpKC6i1GGI%2Ffollow-social.jpg?alt=media\&token=c8b9a226-fa53-4bca-8033-76e384c06e4d)

#### <mark style="color:green;">**4.1 How to change the content of Menu 1 Level**</mark>

1. Please view [<mark style="color:blue;">**here**</mark>](https://elessi-docs.nasatheme.com/header-and-menu/menus/create-new-menu) to know how to create your Menu
2. Select your menu here

![](https://980438068-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MV0r5tR9bPLGnwB_pyk%2Fuploads%2FzrrGrt7ezRhFp1tCsSsZ%2FEdit%20Footer%20%E2%80%9CFooter%20Light%201%E2%80%9D%20%E2%80%B9%20Elessi%20%E2%80%94%20WordPress%20%F0%9F%94%8A%202022-05-12%2017-20-29.jpg?alt=media\&token=641aacf3-10cf-43c4-b0c0-800e07ed657d)

#### <mark style="color:green;">**4.2 How to change Menu 1 at the type inline-block**</mark>

Simply, you just need to copy this class:

```html
nasa-menu-inline
```

![](https://980438068-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MV0r5tR9bPLGnwB_pyk%2Fuploads%2FO4lblG08srxfh2NFDOJk%2FEdit%20Footer%20%E2%80%9CFooter%20Light%201%E2%80%9D%20%E2%80%B9%20Elessi%20%E2%80%94%20WordPress%202022-10-27%2016-57-30.jpg?alt=media\&token=af561ea1-bb52-4bf7-9c9a-2df5ca1b7713)