{"section":"tutorials","requestedLocale":"en","requestedSlug":"changing-a-pages-body-class","locale":"en","slug":"changing-a-pages-body-class","path":"docs/en/tutorials/storefront/layout/changing-a-pages-body-class.md","branch":"main","content":"> Tutorial valid only for Legacy CMS Stores.\n\nThe templates used by store layouts, by default, don't carry any class in their `` element.\n\nSee, for example, the Department template code.\n\n![changeBodyClass1](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/en/tutorials/storefront/layout/changing-a-pages-body-class_1.jpg)\n\nIt has an `id`, but not a `class`.\n\nHowever, when loading a layout that uses this template, we note that the `departmento` class has been added to the body of the page.\n\n![changeBodyClass2](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/en/tutorials/storefront/layout/changing-a-pages-body-class_2.jpg)\n\nThat is, the system inserts this class automatically.\n\nYou can set the value of this class in the CMS. To do this, follow the steps below:\n\n1. In the VTEX Admin, access **Storefront > Layout > CMS**.\n\n2. Click __Sites and Channels__ folder and enter the __layout__ whose class you want to change.\n\n4. Change the value of the __Body Class__ field.\n\n6. Click the __Save Layout__ button."}