# don't work css in template

**URL:** <https://community.hubspot.com/t/dont-work-css-in-template/98911>\
**Category:** CMS Development\
**Tags:** css\
**Created:** [January 29, 2024, 6:31pm UTC](https://community.hubspot.com/t/dont-work-css-in-template/98911 "2024-01-29T18:31:47Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![MHussain8](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/mhussain8/32/198394_2.png) [@MHussain8](https://community.hubspot.com/u/MHussain8)\
**Post date:** [January 29, 2024, 6:31pm UTC](https://community.hubspot.com/t/dont-work-css-in-template/98911/1 "2024-01-29T18:31:47Z")

</div>

```lia-code-sample
<!--
 templateType: "page"
 isAvailableForNewContent: true
-->
{{ standard_header_includes }}
{% dnd_area "body_dnd_area" %}
 {% dnd_section 
 background_color='red',
 max_width=1000,
 vertical_alignment='MIDDLE'
 %}
 {% dnd_module path='@hubspot/rich_text' %}
 {% module_attribute "html"%}
 This is your main headline.
 Use this space to tell everyone about what you have to offer.
 {% end_module_attribute %}
 {% end_dnd_module %}
 {% end_dnd_section %}
{% end_dnd_area %}
{{ standard_footer_includes }}

```

I have create template. I have use module in template but css does not work in my template

---

<div class="post-metadata">

**Author:** ![GRajput](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/grajput/32/102020_2.png) [@GRajput](https://community.hubspot.com/u/GRajput)\
**Post date:** [January 30, 2024, 11:58am UTC](https://community.hubspot.com/t/dont-work-css-in-template/98911/2 "2024-01-30T11:58:01Z")

</div>

Hi @MHussain8

Your code is correct, but the issue is in the way you declared the background color of the section. You need to use Hex color codes or Rgba color model rather than their names.

I hope this will help you out. Please mark it as **Solution Accepted and upvote** to help another Community member.  
Thanks!