> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.sociablekit.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to change the layout of your widget?

In this article, we will guide you on how to change the layout of your [SociableKIT widget](https://www.sociablekit.com/widgets/) to improve its appearance and change its functionality. 

You can choose from **Grid**, **Masonry**, or **Carousel** layouts to best suit your preferences and match your website theme. 

1. Login to your [SociableKIT account](https://www.sociablekit.com/) . 
2. Find your widget and click the **Edit** button.
3. On the customization tab, click on the **Posts** tab.

![](https://storage.crisp.chat/users/helpdesk/website/-/9/a/0/e/9a0e4f74247be800/layout1_1t0m9qa.png)

4. Pick the layout that you want for your widget.

![](https://storage.crisp.chat/users/helpdesk/website/-/9/a/0/e/9a0e4f74247be800/layout-1_qnde5e.png)
	
> Here's an example of items that are on **Grid** layout on a widget:

![](https://storage.crisp.chat/users/helpdesk/website/-/9/a/0/e/9a0e4f74247be800/layoutgrid_omkl9.png)

> Here's an example of items that are on **Masonry** layout on a widget:

![](https://storage.crisp.chat/users/helpdesk/website/-/9/a/0/e/9a0e4f74247be800/layoutmasonry_o3ti8t.png)

> Here's an example of items that are on **Carousel** layout on a widget:

![](https://storage.crisp.chat/users/helpdesk/website/-/9/a/0/e/9a0e4f74247be800/layoutcarousel_ygrzfd.png)

> *Take note that not all widgets have the same layout options. Some widgets have fewer layout options.*