# Footer bar

Go to WordPress Dashboard > Appearance > Header  & Footer Builder > Add new&#x20;

<figure><img src="https://content.gitbook.com/content/B6tgpI1OoO6jEj0a7mWz/blobs/snonlEhoQKVLAfKm5qdM/image.png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/B6tgpI1OoO6jEj0a7mWz/blobs/V9jH6HdMzf3LXl16gvSv/Screenshot%202024-12-07%20at%2014.00.40.png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/B6tgpI1OoO6jEj0a7mWz/blobs/8TPl2E2uZ2F16XACtnCl/Screenshot%202024-10-29%20at%2015.39.39.png" alt=""><figcaption></figcaption></figure>

Add new > Edit with Elementor

<figure><img src="https://content.gitbook.com/content/B6tgpI1OoO6jEj0a7mWz/blobs/0u1QDidCstT1cdcz6mfc/Screenshot%202024-12-07%20at%2014.01.07.png" alt=""><figcaption></figcaption></figure>

* After you’ve finished designing, click Publish.

1. You can edit the Footer to change title / button on the first row:
2. &#x20;Drag or drop the element that you want to build your template style with an unlimited layout.

<figure><img src="https://content.gitbook.com/content/B6tgpI1OoO6jEj0a7mWz/blobs/BIzHfd4f141g4cw4un7i/Screenshot%202024-10-29%20at%2015.48.28.png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/B6tgpI1OoO6jEj0a7mWz/blobs/upojV4hEr6F70bVSoia2/Screenshot%202024-10-29%20at%2015.48.53.png" alt=""><figcaption></figcaption></figure>

3 . Once you have made the needed changes to the header design, click ‘**Update**’, and choose where to Display Conditions.

<figure><img src="https://842970669-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FB6tgpI1OoO6jEj0a7mWz%2Fuploads%2FfqBLeqFji7Si1BmScYHX%2FScreenshot%202025-03-31%20at%2014.37.58.png?alt=media&#x26;token=90b186c2-f22b-4617-9c49-132ade9f8848" alt=""><figcaption></figcaption></figure>

* Show footer bar

<figure><img src="https://842970669-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FB6tgpI1OoO6jEj0a7mWz%2Fuploads%2FtQb1CXakhIueGHRywZO1%2FScreenshot%202025-03-31%20at%2014.39.09.png?alt=media&#x26;token=48777514-ae70-432e-9cbb-b90a9eac8507" alt=""><figcaption></figcaption></figure>

4. Set the conditions that determine where your **Footer** is. For example, choose '**Entire Site**' to display the header across your site.

<figure><img src="https://content.gitbook.com/content/B6tgpI1OoO6jEj0a7mWz/blobs/ZEgSk3K0p8Ih1CAvNzBv/image.png" alt=""><figcaption></figcaption></figure>

&#x20;**5.** Click **"Publish"**
