# Costume code area is not being installed properly

**URL:** <https://forum.builder.io/t/costume-code-area-is-not-being-installed-properly/1297>\
**Category:** Visual Editor Help\
**Created:** [November 4, 2021, 2:04pm UTC](https://forum.builder.io/t/costume-code-area-is-not-being-installed-properly/1297 "2021-11-04T14:04:43Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![ItaySviri](https://avatars.discourse-cdn.com/v4/letter/i/ba9def/32.png) [@ItaySviri](https://forum.builder.io/u/ItaySviri)\
**Post date:** [November 4, 2021, 2:04pm UTC](https://forum.builder.io/t/costume-code-area-is-not-being-installed-properly/1297/1 "2021-11-04T14:04:43Z")

</div>

Hi,  
I’m trying to create a costume code section in my Builder, but it seems like it’s responsive to the footer and pre-footer areas.

> **[Builder.io: Drag and drop page builder and CMS](https://builder.io/content/797afce5278547f983ddccea2f87a630)**
>
> Build and optimize digital experiences for any tech stack, visually.

 ![Screen Shot 2021-11-03 at 16.16.23](https://us1.discourse-cdn.com/flex020/uploads/builder/original/1X/9f7df1f192ffc80a510f2c536f5a0a8f4eb60da4.jpeg)

---

<div class="post-metadata">

**Author:** ![maddy](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.builder.io/maddy/32/11_2.png) [@maddy](https://forum.builder.io/u/maddy)\
**Post date:** [November 4, 2021, 2:50pm UTC](https://forum.builder.io/t/costume-code-area-is-not-being-installed-properly/1297/2 "2021-11-04T14:50:33Z")

</div>

Hi @ItaySviri,

I installed the announcement bar snippet in your themes code, so it should be editable in Builder now. For the collection carousel, in Shopify do you have the different variants created as separate products? The box that is holding your custom code block had a fixed height of 200px, i removed this so the footer content isn’t overlapping.