If you are looking for a way to spice up your Idukki collection with some eye-catching themes, you have come to the right place. In this article, we will show you how to apply a theme on your Idukki collection that will make your user-generated content stand out from the crowd. You will learn how to customize the following settings for your theme: <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Font: Choose from a variety of fonts that suit your brand and style.</li><li value="2" class="PlaygroundEditorTheme__listItem">Card style: Select the shape and appearance of the cards that display your content.</li><li value="3" class="PlaygroundEditorTheme__listItem">Layout: Arrange your cards in different ways to create a unique and engaging layout.</li><li value="4" class="PlaygroundEditorTheme__listItem">Background colors: Pick the colors that match your website and mood.</li></ul> By the end of this article, you will be able to create a stunning Idukki collection that showcases your products and social media feeds in a beautiful and professional way. Let’s get started! <div data-lexical-embed-block="<div class=&quot;id-container&quot;>
 <div class=&quot;id-features-cta&quot;>
 <div class=&quot;id-cta-content&quot;>
 <picture decoding=&quot;async&quot;>
<source type=&quot;image/webp&quot; srcset=&quot;https://assets.idukki.io/blogassets/instagram-icon-2.png.webp&quot; width=&quot;75px&quot;>
<img decoding=&quot;async&quot; src=&quot;https://assets.idukki.io/blogassets/instagram-icon.png&quot; alt=&quot;instagram&quot;>
</picture>

 
 <h3>Start leveraging your Instagram feed to grow your business</h3>
 Get started with your first feed in minutes
 
 </div>
 <div class=&quot;id-cta-btn&quot;>
 <a class=&quot;id-btn-peach&quot; href=&quot;https://app.idukki.io/register&quot;>Try for free</a> </div>
 </div>
 </div>```
 <style>.id-features-cta {
height:300px;
 font-family:Arial;font-size: 1.25rem;
 padding: 40px 50px 57px;
 background: #FFF;
 border: 2px solid #E8E8EB;
 box-sizing: border-box;
 box-shadow: 0 1px 2px rgba(0,0,0,.05), 0 4px 5px rgba(0,0,0,.05), -9px 9px #FE544F;
 border-radius: 16px;
 display: flex;
 position: relative;
 z-index: 99;
}.id-features-cta .id-cta-content {
 box-sizing: border-box;
 display: flex;
}
 .id-features-cta {
 padding: 2rem 2rem;
 background: #FFF;
 border: 2px solid #E8E8EB;
 box-sizing: border-box;
 box-shadow: 0 1px 2px rgba(0,0,0,.05), 0 4px 5px rgba(0,0,0,.05), -9px 9px #FE544F;
 border-radius: 16px;
 display: flex;
 margin-bottom: -80px;
 position: relative;
 z-index: 99;
}.id-features-cta .id-cta-content .id-cta-icon {
 margin-right: 32px; margin-top: 64px;
}.id-features-cta .id-cta-content h3 {
 font-size: 32px;
 margin-bottom: 20px;
 margin-top: 6vh;
 white-space: wrap;
 letter-spacing: 1px;
 line-height: 1.2;
 
}.id-features-cta .id-cta-btn {
 width: 300px;
 display: flex;
 align-items: center;
 justify-content: flex-end;
 padding-right: 10px;
 box-sizing: border-box;
}.id-features-cta .id-cta-btn a {
 font-size: 1.5rem;
 display: inline-block;
 padding: 0.75rem 1rem;
 margin-right: 0;
}
.id-btn-peach {
 font-family: GeneralSans-Semibold,-apple-system,BlinkMacSystemFont,&quot;Segoe UI&quot;,Roboto,Helvetica,Arial,sans-serif;
 padding: 6px 20px;
 background: #FE544F;
 border-radius: 2px;
 font-size: 1rem;
 line-height: 120%;
 letter-spacing: 0;
 color: #fff;
 text-decoration: none;
 margin-right: 3px;
 transition: all .1s ease-in-out;
 cursor: pointer;
}
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
 max-width: initial;
}
 </style>
"><div class="id-container">
 <div class="id-features-cta">
 <div class="id-cta-content">
 <picture decoding="async">
<source type="image/webp" srcset="https://assets.idukki.io/blogassets/instagram-icon-2.png.webp" width="75px">
<img decoding="async" src="https://assets.idukki.io/blogassets/instagram-icon.png" alt="instagram">
</picture>

 
 <h3>Start leveraging your Instagram feed to grow your business</h3>
 Get started with your first feed in minutes
 
 </div>
 <div class="id-cta-btn">
 <a class="id-btn-peach" href="https://app.idukki.io/register">Try for free</a> </div>
 </div>
 </div>```
 <style>.id-features-cta {
height:300px;
 font-family:Arial;font-size: 1.25rem;
 padding: 40px 50px 57px;
 background: #FFF;
 border: 2px solid #E8E8EB;
 box-sizing: border-box;
 box-shadow: 0 1px 2px rgba(0,0,0,.05), 0 4px 5px rgba(0,0,0,.05), -9px 9px #FE544F;
 border-radius: 16px;
 display: flex;
 position: relative;
 z-index: 99;
}.id-features-cta .id-cta-content {
 box-sizing: border-box;
 display: flex;
}
 .id-features-cta {
 padding: 2rem 2rem;
 background: #FFF;
 border: 2px solid #E8E8EB;
 box-sizing: border-box;
 box-shadow: 0 1px 2px rgba(0,0,0,.05), 0 4px 5px rgba(0,0,0,.05), -9px 9px #FE544F;
 border-radius: 16px;
 display: flex;
 margin-bottom: -80px;
 position: relative;
 z-index: 99;
}.id-features-cta .id-cta-content .id-cta-icon {
 margin-right: 32px; margin-top: 64px;
}.id-features-cta .id-cta-content h3 {
 font-size: 32px;
 margin-bottom: 20px;
 margin-top: 6vh;
 white-space: wrap;
 letter-spacing: 1px;
 line-height: 1.2;
 
}.id-features-cta .id-cta-btn {
 width: 300px;
 display: flex;
 align-items: center;
 justify-content: flex-end;
 padding-right: 10px;
 box-sizing: border-box;
}.id-features-cta .id-cta-btn a {
 font-size: 1.5rem;
 display: inline-block;
 padding: 0.75rem 1rem;
 margin-right: 0;
}
.id-btn-peach {
 font-family: GeneralSans-Semibold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
 padding: 6px 20px;
 background: #FE544F;
 border-radius: 2px;
 font-size: 1rem;
 line-height: 120%;
 letter-spacing: 0;
 color: #fff;
 text-decoration: none;
 margin-right: 3px;
 transition: all .1s ease-in-out;
 cursor: pointer;
}
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
 max-width: initial;
}
 </style>
</div> <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Here's how you can use different theme options to customize your collection:</h2> 1. Go to Collection&gt; All Collections on the left panel on your Idukki dashboard. <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/38ed40_image.1696751013135.png?alt=media" alt="image.png" width="inherit" height="inherit"> 2. Pick a collection from the list to edit and click Curate to access the multiple theme settings for your feed. <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/38ed40_image.1696751182644.png?alt=media" alt="image.png" width="inherit" height="inherit"> 3. The Curate section lets you do the following: <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Carousel Layout Selected- Pick a layout style from the library which will suit best to your brand. You can live preview them and decide.</li></ul> <blockquote class="PlaygroundEditorTheme__quote" dir="ltr">You can use the Switch Layout to Slider option with a few layout styles, such as Masonry, Feed, and Carousel.</blockquote> <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Colors- Here you can choose the background color of your layout. You can decide the color for feed elements, such as Stars, Verified Badge, UGC Text, and the Date &amp; Time.</li></ul> <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Post Settings- This section will let you customize the card appearing in the layout. You can modify the card's background color, text color, font size, and text alignment. Also, you can adjust the corner roundedness of the card, the word limit on the card before the text goes ""Read More."" Lastly, you can sort posts in the feed based on engagement or date and decide their order of appearance, i.e., ascending or descending.</li></ul> <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/38ed40_image.1696751263571.png?alt=media" alt="image.png" width="inherit" height="inherit"> <blockquote class="PlaygroundEditorTheme__quote" dir="ltr">Please check our detailed <a href="https://help.idukki.io/articles/how-to-curate-collections-on-idukki-38ed40-4f3bb" rel="noreferrer" class="PlaygroundEditorTheme__link">Curate article</a> to understand the nitty-gritty of every available setting.</blockquote> I hope this helps. <div data-lexical-embed-block="<div class=&quot;CTA&quot; style=&quot;background-image: url(https://static.wixstatic.com/media/0cf4be_68b652fbf5f24ef4aca4a6a039050162~mv2.jpg);&quot;>
<div class=&quot;d-flex&quot;>
<div class=&quot;title&quot;>
<div class=&quot;h2&quot;>Leverage User Generated Content in Your Marketing Campaigns</div>
Schedule a Demo Now!
<div class=&quot;actions&quot;>
<a href=&quot;https://idukki.io/request-demo&quot; style=&quot;background: beige;&quot; class=&quot;ugcFromBtn&quot;>Book a Demo</a>
</div>
</div>
<div class=&quot;titleImg&quot;>
<img decoding=&quot;async&quot; src=&quot;https://static.wixstatic.com/media/0cf4be_77e79d044be642d6bfb2dfec0c4c8422~mv2.png&quot; height=&quot;180px&quot; alt=&quot;Free Trial&quot;></div>
</div>
</div>
<style>
.CTA {
 padding: 20px 30px;
 background: #fff;
 max-width: 95%;
 margin: 30px auto;
 border-radius: 15px;
 box-shadow: 0 0 10px rgb(0 0 0/10%);
 background-size: cover;
 background-repeat: no-repeat
}

.CTA .d-flex {
 display: flex;
 justify-content: space-between;
 align-items: center
}

.CTA .title {
 width: 50%
}

.CTA .titleImg {
 width: 40%
}

.CTA .title .h2,.CTA .title .h3 {
 font-size: 24px;
 font-weight: 800;
 margin-top: 0;
 line-height: 36px;
 color: #333'
}

.CTA .title p {
 color: #333'
 margin-top: 5px
}

.CTA .actions {
 margin-top: 20px
}

.CTA .actions a {
 display: inline-block;
 padding: 12px 30px;
 border-width: 1px;
 border-style: solid;
 border-radius: 8px;
 font-size: 16px;
 transition: all ease .3s;
 text-decoration: none;
 font-weight: 400
}

.CTA .actions a.btn-fill {
 border-color: #ff4051;
 background: #ff4051;
 color: #fff;
 margin-bottom: 15px
}

.CTA .actions a.btn-fill:hover {
 background-color: #e23442;
 border-color: #e23442;
 color: #fff
}

.CTA .actions a.btn-bdr {
 border-color: #1a2029;
 color: #1a2029
}

.CTA .actions a.btn-bdr:hover {
 background-color: #ff4051;
 border-color: #ff4051;
 color: #fff
}

.actions_form {
 position: relative
}

.actions_form .form-control {
 width: 100%;
 padding: 15px;
 border: none;
 border-radius: 5px;
 padding-right: 140px;
 font-size: 14px
}

.actions_form .btn-fill {
 padding: 10px 12px;
 border-radius: 4px;
 font-size: 12px;
 text-decoration: none;
 font-weight: 400;
 position: absolute;
 right: 10px;
 background-color: #ff4555;
 color: #fff;
 top: 50%;
 transform: translate(0%,-50%)
}

.form-text.text-danger {
 color: #ff4555
}

.CTA_full .title {
 width: 100%;
 text-align: center
}

body{
 font-family: source sans pro,sans-serif;
 color: #545454;
 font-size: 16px;
 font-style: normal;
 overflow: auto;
 font-weight: 400;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 text-rendering: optimizeLegibility;
 -webkit-font-smoothing: antialiased

}
</style>
"><div class="CTA" style="background-image: url(https://static.wixstatic.com/media/0cf4be_68b652fbf5f24ef4aca4a6a039050162~mv2.jpg);">
<div class="d-flex">
<div class="title">
<div class="h2">Leverage User Generated Content in Your Marketing Campaigns</div>
Schedule a Demo Now!
<div class="actions">
<a href="https://idukki.io/request-demo" style="background: beige;" class="ugcFromBtn">Book a Demo</a>
</div>
</div>
<div class="titleImg">
<img decoding="async" src="https://static.wixstatic.com/media/0cf4be_77e79d044be642d6bfb2dfec0c4c8422~mv2.png" height="180px" alt="Free Trial"></div>
</div>
</div>
<style>
.CTA {
 padding: 20px 30px;
 background: #fff;
 max-width: 95%;
 margin: 30px auto;
 border-radius: 15px;
 box-shadow: 0 0 10px rgb(0 0 0/10%);
 background-size: cover;
 background-repeat: no-repeat
}

.CTA .d-flex {
 display: flex;
 justify-content: space-between;
 align-items: center
}

.CTA .title {
 width: 50%
}

.CTA .titleImg {
 width: 40%
}

.CTA .title .h2,.CTA .title .h3 {
 font-size: 24px;
 font-weight: 800;
 margin-top: 0;
 line-height: 36px;
 color: #333'
}

.CTA .title p {
 color: #333'
 margin-top: 5px
}

.CTA .actions {
 margin-top: 20px
}

.CTA .actions a {
 display: inline-block;
 padding: 12px 30px;
 border-width: 1px;
 border-style: solid;
 border-radius: 8px;
 font-size: 16px;
 transition: all ease .3s;
 text-decoration: none;
 font-weight: 400
}

.CTA .actions a.btn-fill {
 border-color: #ff4051;
 background: #ff4051;
 color: #fff;
 margin-bottom: 15px
}

.CTA .actions a.btn-fill:hover {
 background-color: #e23442;
 border-color: #e23442;
 color: #fff
}

.CTA .actions a.btn-bdr {
 border-color: #1a2029;
 color: #1a2029
}

.CTA .actions a.btn-bdr:hover {
 background-color: #ff4051;
 border-color: #ff4051;
 color: #fff
}

.actions_form {
 position: relative
}

.actions_form .form-control {
 width: 100%;
 padding: 15px;
 border: none;
 border-radius: 5px;
 padding-right: 140px;
 font-size: 14px
}

.actions_form .btn-fill {
 padding: 10px 12px;
 border-radius: 4px;
 font-size: 12px;
 text-decoration: none;
 font-weight: 400;
 position: absolute;
 right: 10px;
 background-color: #ff4555;
 color: #fff;
 top: 50%;
 transform: translate(0%,-50%)
}

.form-text.text-danger {
 color: #ff4555
}

.CTA_full .title {
 width: 100%;
 text-align: center
}

body{
 font-family: source sans pro,sans-serif;
 color: #545454;
 font-size: 16px;
 font-style: normal;
 overflow: auto;
 font-weight: 400;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 text-rendering: optimizeLegibility;
 -webkit-font-smoothing: antialiased

}
</style>
</div>

If you are looking for a way to spice up your Idukki collection with some eye-catching themes, you have come to the right place. In this article, we will show you how to apply a theme on your Idukki collection that will make your user-generated content stand out from the crowd. You will learn how to customize the following settings for your theme:

* ****Font:****Choose from a variety of fonts that suit your brand and style.
* ****Card style:****Select the shape and appearance of the cards that display your content.
* ****Layout:****Arrange your cards in different ways to create a unique and engaging layout.
* ****Background colors:****Pick the colors that match your website and mood.

By the end of this article, you will be able to create a stunning Idukki collection that showcases your products and social media feeds in a beautiful and professional way. Let’s get started!

<picture><source /> ![]()</picture> ### Start leveraging your Instagram feed to grow your business

Get started with your first feed in minutes

[Try for free]()
\`\`\` ">
<picture><source /> ![instagram](https://assets.idukki.io/blogassets/instagram-icon.png)</picture> ### Start leveraging your Instagram feed to grow your business

Get started with your first feed in minutes

[Try for free](https://app.idukki.io/register)
\`\`\`

## Here's how you can use different theme options to customize your collection:

****1.****Go to****Collection****>****All Collections****on the left panel on your Idukki dashboard.

![image.png](https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/38ed40_image.1696751013135.png?alt=media)

****2.****Pick a****collection****from the list to edit and click****Curate****to access the multiple theme settings for your feed.

![image.png](https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/38ed40_image.1696751182644.png?alt=media)

****3.****The Curate section lets you do the following:

* ****Carousel Layout Selected****\- Pick a layout style from the library which will suit best to your brand. You can live preview them and decide.

> You can use the****Switch Layout to Slider****option with a few layout styles, such as Masonry, Feed, and Carousel.

* ****Colors****\- Here you can choose the background color of your layout. You can decide the color for feed elements, such as Stars, Verified Badge, UGC Text, and the Date & Time.

* ****Post Settings****\- This section will let you customize the card appearing in the layout. You can modify the card's background color, text color, font size, and text alignment. Also, you can adjust the corner roundedness of the card, the word limit on the card before the text goes ""Read More."" Lastly, you can sort posts in the feed based on engagement or date and decide their order of appearance, i.e., ascending or descending.

![image.png](https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/38ed40_image.1696751263571.png?alt=media)

> Please check our detailed[Curate article](https://help.idukki.io/articles/how-to-curate-collections-on-idukki-38ed40-4f3bb)to understand the nitty-gritty of every available setting.

**I hope this helps.**

Leverage User Generated Content in Your Marketing Campaigns

Schedule a Demo Now!

[Book a Demo]()

![]()
 ">
Leverage User Generated Content in Your Marketing Campaigns

Schedule a Demo Now!

[Book a Demo](https://idukki.io/request-demo)

![Free Trial](https://static.wixstatic.com/media/0cf4be_77e79d044be642d6bfb2dfec0c4c8422~mv2.png)

If you are looking for a way to spice up your Idukki collection with some eye-catching themes, you have come to the right place. In this article, we will show you how to apply a theme on your Idukki collection that will make your user-generated content stand out from the crowd. You will learn how to customize the following settings for your theme: <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Font: Choose from a variety of fonts that suit your brand and style.</li><li value="2" class="PlaygroundEditorTheme__listItem">Card style: Select the shape and appearance of the cards that display your content.</li><li value="3" class="PlaygroundEditorTheme__listItem">Layout: Arrange your cards in different ways to create a unique and engaging layout.</li><li value="4" class="PlaygroundEditorTheme__listItem">Background colors: Pick the colors that match your website and mood.</li></ul> By the end of this article, you will be able to create a stunning Idukki collection that showcases your products and social media feeds in a beautiful and professional way. Let’s get started! <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Here's how you can use different theme options to customize your collection:</h2> 1. Go to UGC &gt; Manage Collections on the left panel on your Idukki dashboard. 2. Pick a collection from the top-left drop-down menu to edit. 3. Click Curate to access the multiple theme settings for your feed. 4. The Curate section lets you do the following: <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Carousel Layout Selected- Pick a layout style from the library which will suit best to your brand. You can live preview them and decide. </li></ul> <blockquote class="PlaygroundEditorTheme__quote" dir="ltr">You can use the Switch Layout to Slider option with a few layout styles, such as Masonry, Feed, and Carousel. </blockquote> <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Colors- Here you can choose the background color of your layout. You can decide the color for feed elements, such as Stars, Verified Badge, UGC Text, and the Date &amp; Time. </li></ul> <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Post Settings- This section will let you customize the card appearing in the layout. You can modify the card's background color, text color, font size, and text alignment. Also, you can adjust the corner roundedness of the card, the word limit on the card before the text goes ""Read More."" Lastly, you can sort posts in the feed based on engagement or date and decide their order of appearance, i.e., ascending or descending. </li></ul> <blockquote class="PlaygroundEditorTheme__quote" dir="ltr">Please check our detailed <a href="https://help.idukki.io/articles/how-to-curate-collections-on-idukki-38ed40-4f3bb" rel="noreferrer" class="PlaygroundEditorTheme__link">Curate article</a> to understand the nitty-gritty of every available setting.</blockquote> I hope this helps.

How to Apply Theme on Idukki

If you are looking for a way to spice up your Idukki collection with some eye-catching themes, you have come to the right place. In this article, we will show you how to apply a theme on your Idukki collection that will make your user-generated content stand out from the crowd. You will learn how to customize the following settings for your theme: <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Font: Choose from a variety of fonts that suit your brand and style.</li><li value="2" class="PlaygroundEditorTheme__listItem">Card style: Select the shape and appearance of the cards that display your content.</li><li value="3" class="PlaygroundEditorTheme__listItem">Layout: Arrange your cards in different ways to create a unique and engaging layout.</li><li value="4" class="PlaygroundEditorTheme__listItem">Background colors: Pick the colors that match your website and mood.</li></ul> By the end of this article, you will be able to create a stunning Idukki collection that showcases your products and social media feeds in a beautiful and professional way. Let’s get started! <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Here's how you can use different theme options to customize your collection:</h2> 1. Go to Collection&gt; All Collections on the left panel on your Idukki dashboard. <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/38ed40_image.1696751013135.png?alt=media" alt="image.png" width="inherit" height="inherit"> 2. Pick a collection from the list to edit and click Curate to access the multiple theme settings for your feed. <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/38ed40_image.1696751182644.png?alt=media" alt="image.png" width="inherit" height="inherit"> 3. The Curate section lets you do the following: <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Carousel Layout Selected- Pick a layout style from the library which will suit best to your brand. You can live preview them and decide.</li></ul> <blockquote class="PlaygroundEditorTheme__quote" dir="ltr">You can use the Switch Layout to Slider option with a few layout styles, such as Masonry, Feed, and Carousel.</blockquote> <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Colors- Here you can choose the background color of your layout. You can decide the color for feed elements, such as Stars, Verified Badge, UGC Text, and the Date &amp; Time.</li></ul> <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Post Settings- This section will let you customize the card appearing in the layout. You can modify the card's background color, text color, font size, and text alignment. Also, you can adjust the corner roundedness of the card, the word limit on the card before the text goes ""Read More."" Lastly, you can sort posts in the feed based on engagement or date and decide their order of appearance, i.e., ascending or descending.</li></ul> <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/38ed40_image.1696751263571.png?alt=media" alt="image.png" width="inherit" height="inherit"> <blockquote class="PlaygroundEditorTheme__quote" dir="ltr">Please check our detailed <a href="https://help.idukki.io/articles/how-to-curate-collections-on-idukki-38ed40-4f3bb" rel="noreferrer" class="PlaygroundEditorTheme__link">Curate article</a> to understand the nitty-gritty of every available setting.</blockquote> I hope this helps.

If you are looking for a way to spice up your Idukki collection with some eye-catching themes, you have come to the right place. In this article, we will show you how to apply a theme on your Idukki collection that will make your user-generated content stand out from the crowd. You will learn how to customize the following settings for your theme: <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Font: Choose from a variety of fonts that suit your brand and style.</li><li value="2" class="PlaygroundEditorTheme__listItem">Card style: Select the shape and appearance of the cards that display your content.</li><li value="3" class="PlaygroundEditorTheme__listItem">Layout: Arrange your cards in different ways to create a unique and engaging layout.</li><li value="4" class="PlaygroundEditorTheme__listItem">Background colors: Pick the colors that match your website and mood.</li></ul> By the end of this article, you will be able to create a stunning Idukki collection that showcases your products and social media feeds in a beautiful and professional way. Let’s get started! <div data-lexical-embed-block="<div class=&quot;id-container&quot;>
 <div class=&quot;id-features-cta&quot;>
 <div class=&quot;id-cta-content&quot;>
 <picture decoding=&quot;async&quot;>
<source type=&quot;image/webp&quot; srcset=&quot;https://assets.idukki.io/blogassets/instagram-icon-2.png.webp&quot; width=&quot;75px&quot;>
<img decoding=&quot;async&quot; src=&quot;https://assets.idukki.io/blogassets/instagram-icon.png&quot; alt=&quot;instagram&quot;>
</picture>

 
 <h3>Start leveraging your Instagram feed to grow your business</h3>
 Get started with your first feed in minutes
 
 </div>
 <div class=&quot;id-cta-btn&quot;>
 <a class=&quot;id-btn-peach&quot; href=&quot;https://app.idukki.io/register&quot;>Try for free</a> </div>
 </div>
 </div>```
 <style>.id-features-cta {
height:300px;
 font-family:Arial;font-size: 1.25rem;
 padding: 40px 50px 57px;
 background: #FFF;
 border: 2px solid #E8E8EB;
 box-sizing: border-box;
 box-shadow: 0 1px 2px rgba(0,0,0,.05), 0 4px 5px rgba(0,0,0,.05), -9px 9px #FE544F;
 border-radius: 16px;
 display: flex;
 position: relative;
 z-index: 99;
}.id-features-cta .id-cta-content {
 box-sizing: border-box;
 display: flex;
}
 .id-features-cta {
 padding: 2rem 2rem;
 background: #FFF;
 border: 2px solid #E8E8EB;
 box-sizing: border-box;
 box-shadow: 0 1px 2px rgba(0,0,0,.05), 0 4px 5px rgba(0,0,0,.05), -9px 9px #FE544F;
 border-radius: 16px;
 display: flex;
 margin-bottom: -80px;
 position: relative;
 z-index: 99;
}.id-features-cta .id-cta-content .id-cta-icon {
 margin-right: 32px; margin-top: 64px;
}.id-features-cta .id-cta-content h3 {
 font-size: 32px;
 margin-bottom: 20px;
 margin-top: 6vh;
 white-space: wrap;
 letter-spacing: 1px;
 line-height: 1.2;
 
}.id-features-cta .id-cta-btn {
 width: 300px;
 display: flex;
 align-items: center;
 justify-content: flex-end;
 padding-right: 10px;
 box-sizing: border-box;
}.id-features-cta .id-cta-btn a {
 font-size: 1.5rem;
 display: inline-block;
 padding: 0.75rem 1rem;
 margin-right: 0;
}
.id-btn-peach {
 font-family: GeneralSans-Semibold,-apple-system,BlinkMacSystemFont,&quot;Segoe UI&quot;,Roboto,Helvetica,Arial,sans-serif;
 padding: 6px 20px;
 background: #FE544F;
 border-radius: 2px;
 font-size: 1rem;
 line-height: 120%;
 letter-spacing: 0;
 color: #fff;
 text-decoration: none;
 margin-right: 3px;
 transition: all .1s ease-in-out;
 cursor: pointer;
}
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
 max-width: initial;
}
 </style>
"><div class="id-container">
 <div class="id-features-cta">
 <div class="id-cta-content">
 <picture decoding="async">
<source type="image/webp" srcset="https://assets.idukki.io/blogassets/instagram-icon-2.png.webp" width="75px">
<img decoding="async" src="https://assets.idukki.io/blogassets/instagram-icon.png" alt="instagram">
</picture>

 
 <h3>Start leveraging your Instagram feed to grow your business</h3>
 Get started with your first feed in minutes
 
 </div>
 <div class="id-cta-btn">
 <a class="id-btn-peach" href="https://app.idukki.io/register">Try for free</a> </div>
 </div>
 </div>```
 <style>.id-features-cta {
height:300px;
 font-family:Arial;font-size: 1.25rem;
 padding: 40px 50px 57px;
 background: #FFF;
 border: 2px solid #E8E8EB;
 box-sizing: border-box;
 box-shadow: 0 1px 2px rgba(0,0,0,.05), 0 4px 5px rgba(0,0,0,.05), -9px 9px #FE544F;
 border-radius: 16px;
 display: flex;
 position: relative;
 z-index: 99;
}.id-features-cta .id-cta-content {
 box-sizing: border-box;
 display: flex;
}
 .id-features-cta {
 padding: 2rem 2rem;
 background: #FFF;
 border: 2px solid #E8E8EB;
 box-sizing: border-box;
 box-shadow: 0 1px 2px rgba(0,0,0,.05), 0 4px 5px rgba(0,0,0,.05), -9px 9px #FE544F;
 border-radius: 16px;
 display: flex;
 margin-bottom: -80px;
 position: relative;
 z-index: 99;
}.id-features-cta .id-cta-content .id-cta-icon {
 margin-right: 32px; margin-top: 64px;
}.id-features-cta .id-cta-content h3 {
 font-size: 32px;
 margin-bottom: 20px;
 margin-top: 6vh;
 white-space: wrap;
 letter-spacing: 1px;
 line-height: 1.2;
 
}.id-features-cta .id-cta-btn {
 width: 300px;
 display: flex;
 align-items: center;
 justify-content: flex-end;
 padding-right: 10px;
 box-sizing: border-box;
}.id-features-cta .id-cta-btn a {
 font-size: 1.5rem;
 display: inline-block;
 padding: 0.75rem 1rem;
 margin-right: 0;
}
.id-btn-peach {
 font-family: GeneralSans-Semibold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
 padding: 6px 20px;
 background: #FE544F;
 border-radius: 2px;
 font-size: 1rem;
 line-height: 120%;
 letter-spacing: 0;
 color: #fff;
 text-decoration: none;
 margin-right: 3px;
 transition: all .1s ease-in-out;
 cursor: pointer;
}
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
 max-width: initial;
}
 </style>
</div> <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Here's how you can use different theme options to customize your collection:</h2> 1. Go to Collection&gt; All Collections on the left panel on your Idukki dashboard. <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/38ed40_image.1696751013135.png?alt=media" alt="image.png" width="inherit" height="inherit"> 2. Pick a collection from the list to edit and click Curate to access the multiple theme settings for your feed. <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/38ed40_image.1696751182644.png?alt=media" alt="image.png" width="inherit" height="inherit"> 3. The Curate section lets you do the following: <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Carousel Layout Selected- Pick a layout style from the library which will suit best to your brand. You can live preview them and decide.</li></ul> <blockquote class="PlaygroundEditorTheme__quote" dir="ltr">You can use the Switch Layout to Slider option with a few layout styles, such as Masonry, Feed, and Carousel.</blockquote> <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Colors- Here you can choose the background color of your layout. You can decide the color for feed elements, such as Stars, Verified Badge, UGC Text, and the Date &amp; Time.</li></ul> <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Post Settings- This section will let you customize the card appearing in the layout. You can modify the card's background color, text color, font size, and text alignment. Also, you can adjust the corner roundedness of the card, the word limit on the card before the text goes ""Read More."" Lastly, you can sort posts in the feed based on engagement or date and decide their order of appearance, i.e., ascending or descending.</li></ul> <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/38ed40_image.1696751263571.png?alt=media" alt="image.png" width="inherit" height="inherit"> <blockquote class="PlaygroundEditorTheme__quote" dir="ltr">Please check our detailed <a href="https://help.idukki.io/articles/how-to-curate-collections-on-idukki-38ed40-4f3bb" rel="noreferrer" class="PlaygroundEditorTheme__link">Curate article</a> to understand the nitty-gritty of every available setting.</blockquote> I hope this helps. <div data-lexical-embed-block="<div class=&quot;CTA&quot; style=&quot;background-image: url(https://static.wixstatic.com/media/0cf4be_68b652fbf5f24ef4aca4a6a039050162~mv2.jpg);&quot;>
<div class=&quot;d-flex&quot;>
<div class=&quot;title&quot;>
<div class=&quot;h2&quot;>Leverage User Generated Content in Your Marketing Campaigns</div>
Schedule a Demo Now!
<div class=&quot;actions&quot;>
<a href=&quot;https://idukki.io/request-demo&quot; style=&quot;background: beige;&quot; class=&quot;ugcFromBtn&quot;>Book a Demo</a>
</div>
</div>
<div class=&quot;titleImg&quot;>
<img decoding=&quot;async&quot; src=&quot;https://static.wixstatic.com/media/0cf4be_77e79d044be642d6bfb2dfec0c4c8422~mv2.png&quot; height=&quot;180px&quot; alt=&quot;Free Trial&quot;></div>
</div>
</div>
<style>
.CTA {
 padding: 20px 30px;
 background: #fff;
 max-width: 95%;
 margin: 30px auto;
 border-radius: 15px;
 box-shadow: 0 0 10px rgb(0 0 0/10%);
 background-size: cover;
 background-repeat: no-repeat
}

.CTA .d-flex {
 display: flex;
 justify-content: space-between;
 align-items: center
}

.CTA .title {
 width: 50%
}

.CTA .titleImg {
 width: 40%
}

.CTA .title .h2,.CTA .title .h3 {
 font-size: 24px;
 font-weight: 800;
 margin-top: 0;
 line-height: 36px;
 color: #333'
}

.CTA .title p {
 color: #333'
 margin-top: 5px
}

.CTA .actions {
 margin-top: 20px
}

.CTA .actions a {
 display: inline-block;
 padding: 12px 30px;
 border-width: 1px;
 border-style: solid;
 border-radius: 8px;
 font-size: 16px;
 transition: all ease .3s;
 text-decoration: none;
 font-weight: 400
}

.CTA .actions a.btn-fill {
 border-color: #ff4051;
 background: #ff4051;
 color: #fff;
 margin-bottom: 15px
}

.CTA .actions a.btn-fill:hover {
 background-color: #e23442;
 border-color: #e23442;
 color: #fff
}

.CTA .actions a.btn-bdr {
 border-color: #1a2029;
 color: #1a2029
}

.CTA .actions a.btn-bdr:hover {
 background-color: #ff4051;
 border-color: #ff4051;
 color: #fff
}

.actions_form {
 position: relative
}

.actions_form .form-control {
 width: 100%;
 padding: 15px;
 border: none;
 border-radius: 5px;
 padding-right: 140px;
 font-size: 14px
}

.actions_form .btn-fill {
 padding: 10px 12px;
 border-radius: 4px;
 font-size: 12px;
 text-decoration: none;
 font-weight: 400;
 position: absolute;
 right: 10px;
 background-color: #ff4555;
 color: #fff;
 top: 50%;
 transform: translate(0%,-50%)
}

.form-text.text-danger {
 color: #ff4555
}

.CTA_full .title {
 width: 100%;
 text-align: center
}

body{
 font-family: source sans pro,sans-serif;
 color: #545454;
 font-size: 16px;
 font-style: normal;
 overflow: auto;
 font-weight: 400;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 text-rendering: optimizeLegibility;
 -webkit-font-smoothing: antialiased

}
</style>
"><div class="CTA" style="background-image: url(https://static.wixstatic.com/media/0cf4be_68b652fbf5f24ef4aca4a6a039050162~mv2.jpg);">
<div class="d-flex">
<div class="title">
<div class="h2">Leverage User Generated Content in Your Marketing Campaigns</div>
Schedule a Demo Now!
<div class="actions">
<a href="https://idukki.io/request-demo" style="background: beige;" class="ugcFromBtn">Book a Demo</a>
</div>
</div>
<div class="titleImg">
<img decoding="async" src="https://static.wixstatic.com/media/0cf4be_77e79d044be642d6bfb2dfec0c4c8422~mv2.png" height="180px" alt="Free Trial"></div>
</div>
</div>
<style>
.CTA {
 padding: 20px 30px;
 background: #fff;
 max-width: 95%;
 margin: 30px auto;
 border-radius: 15px;
 box-shadow: 0 0 10px rgb(0 0 0/10%);
 background-size: cover;
 background-repeat: no-repeat
}

.CTA .d-flex {
 display: flex;
 justify-content: space-between;
 align-items: center
}

.CTA .title {
 width: 50%
}

.CTA .titleImg {
 width: 40%
}

.CTA .title .h2,.CTA .title .h3 {
 font-size: 24px;
 font-weight: 800;
 margin-top: 0;
 line-height: 36px;
 color: #333'
}

.CTA .title p {
 color: #333'
 margin-top: 5px
}

.CTA .actions {
 margin-top: 20px
}

.CTA .actions a {
 display: inline-block;
 padding: 12px 30px;
 border-width: 1px;
 border-style: solid;
 border-radius: 8px;
 font-size: 16px;
 transition: all ease .3s;
 text-decoration: none;
 font-weight: 400
}

.CTA .actions a.btn-fill {
 border-color: #ff4051;
 background: #ff4051;
 color: #fff;
 margin-bottom: 15px
}

.CTA .actions a.btn-fill:hover {
 background-color: #e23442;
 border-color: #e23442;
 color: #fff
}

.CTA .actions a.btn-bdr {
 border-color: #1a2029;
 color: #1a2029
}

.CTA .actions a.btn-bdr:hover {
 background-color: #ff4051;
 border-color: #ff4051;
 color: #fff
}

.actions_form {
 position: relative
}

.actions_form .form-control {
 width: 100%;
 padding: 15px;
 border: none;
 border-radius: 5px;
 padding-right: 140px;
 font-size: 14px
}

.actions_form .btn-fill {
 padding: 10px 12px;
 border-radius: 4px;
 font-size: 12px;
 text-decoration: none;
 font-weight: 400;
 position: absolute;
 right: 10px;
 background-color: #ff4555;
 color: #fff;
 top: 50%;
 transform: translate(0%,-50%)
}

.form-text.text-danger {
 color: #ff4555
}

.CTA_full .title {
 width: 100%;
 text-align: center
}

body{
 font-family: source sans pro,sans-serif;
 color: #545454;
 font-size: 16px;
 font-style: normal;
 overflow: auto;
 font-weight: 400;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 text-rendering: optimizeLegibility;
 -webkit-font-smoothing: antialiased

}
</style>
</div>

Was this article helpful?