# How to Edit Html and Css of Theme?

**URL:** <https://meta.discourse.org/t/how-to-edit-html-and-css-of-theme/297663>\
**Category:** Development\
**Created:** [March 3, 2024, 6:06am UTC](https://meta.discourse.org/t/how-to-edit-html-and-css-of-theme/297663 "2024-03-03T06:06:55Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)\
**Post date:** [March 3, 2024, 6:16am UTC](https://meta.discourse.org/t/how-to-edit-html-and-css-of-theme/297663/2 "2024-03-03T06:16:46Z")

</div>

You can create a new theme-component and add that to your theme

> [@How to show the gate further down in the post?](https://meta.discourse.org/t/how-to-show-the-gate-further-down-in-the-post/287406/7):
>
> you can create a new component easily through the UI.
> 
> 1. Go to Admin → Customize
> 2. Click on `Install`
> 3. Then choose `Create New`. The type should be `Component`.  
> ![image](https://global.discourse-cdn.com/meta/original/4X/0/6/f/06f3086f15261ac5dc0a081a46edca08bbbf8dd1.png)
> 
> That’s it! Attach it to your theme; then, you can `Edit CSS/HTML`

There is also a preview button at the bottom

 ![Screenshot_20240303_071833_Chrome](https://global.discourse-cdn.com/meta/original/4X/f/5/6/f56bbb8d3b6bb9863dbd42448cf63c5b83b84b92.jpeg)

---

_[View the full topic](https://meta.discourse.org/t/how-to-edit-html-and-css-of-theme/297663)._