# Why codes not render in shortcodes?

**URL:** <https://zola.discourse.group/t/why-codes-not-render-in-shortcodes/330>\
**Category:** Support\
**Created:** [February 16, 2020, 11:23am UTC](https://zola.discourse.group/t/why-codes-not-render-in-shortcodes/330 "2020-02-16T11:23:03Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Aster](https://yyz2.discourse-cdn.com/free1/user_avatar/zola.discourse.group/aster/32/148_2.png) [@Aster](https://zola.discourse.group/u/Aster)\
**Post date:** [February 16, 2020, 11:23am UTC](https://zola.discourse.group/t/why-codes-not-render-in-shortcodes/330/1 "2020-02-16T11:23:03Z")

</div>

### Shortcode

```auto
<div class="fancycode code">
    <div class="controls">
        <div class="circle red"></div>
        <div class="circle yellow"></div>
        <div class="circle green"></div>
    </div>
    <div class="content">
        {{ body | markdown | safe }}
    </div>
</div>

```

### Input

````auto
{% code() %}
```css
.fancycode.mini .controls {
    display: none;
}

.fancycode:not(.mini) .content {
    padding-top: 2rem;
}

```
{% end %}

````

### Output

 ![image](https://global.discourse-cdn.com/free1/uploads/zola1/original/1X/36e43aac5ee7f1589c846da06a103113b0e8c99a.png)

---

<div class="post-metadata">

**Author:** ![keats](https://avatars.discourse-cdn.com/v4/letter/k/34f0e0/32.png) [@keats](https://zola.discourse.group/u/keats)\
**Post date:** [February 16, 2020, 4:22pm UTC](https://zola.discourse.group/t/why-codes-not-render-in-shortcodes/330/2 "2020-02-16T16:22:45Z")

</div>

The difference is because the markdown filter doesn’t get the theme from the config.  
There is [https://github.com/getzola/zola/issues/943](https://github.com/getzola/zola/issues/943) to track that and I’ll happily take a PR for it