{"id":57432,"date":"2025-05-19T15:53:29","date_gmt":"2025-05-19T12:53:29","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=57432"},"modified":"2025-09-16T10:48:52","modified_gmt":"2025-09-16T07:48:52","slug":"the-elementor-editor-class-manager","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/the-elementor-editor-class-manager\/","title":{"rendered":"The Elementor Editor Class Manager"},"content":{"rendered":"\n<p>Styling elements in the Elementor Editor is based on using classes. For general information about creating classes, see <a href=\"https:\/\/elementor.com\/help\/classes-in-elementor\">Classes in Elementor<\/a>.&nbsp;<\/p>\n\n\n\n<p>After you create a class, it is listed in the Class Manager.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">The Class Manager<\/h2>\n\n\n\n<p>The Class Manager lets you control classes in several ways:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Rename Classes<\/li>\n\n\n\n<li>Delete Classes<\/li>\n\n\n\n<li>Reorder classes<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Use the Class Manager\" width=\"800\" height=\"450\" src=\"https:\/\/www.youtube.com\/embed\/_hlEvYCK1P0?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Access the Class Manager<\/h3>\n\n\n\n<p>In order to edit classes you need to access the Class Manager.<\/p>\n\n\n\n<p><strong>To access the Class Manager<\/strong>:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Open the Elementor Editor.<\/li>\n\n\n\n<li>Select an element.<br><img fetchpriority=\"high\" decoding=\"async\" width=\"680\" height=\"164\" class=\"wp-image-57433\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-1.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-1.png 1600w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-1-300x72.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-1-1024x247.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-1-768x185.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-1-1536x371.png 1536w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><br>The element options appear in the panel.<br><img decoding=\"async\" width=\"680\" height=\"164\" class=\"wp-image-57434\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-2.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-2.png 1600w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-2-300x72.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-2-1024x247.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-2-768x185.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-2-1536x371.png 1536w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>Click the <strong>Style<\/strong> tab.<br><img decoding=\"async\" width=\"280\" height=\"266\" class=\"wp-image-57435\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-3.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-3.png 622w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-3-300x286.png 300w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/li>\n\n\n\n<li>Click the Class Manager icon.<br>[callout type=&#8221;note&#8221;]You must save your page before opening the Class Library.[\/callout]<br>The Class Manager opens.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Rename a class<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Open the Class Manager.<\/li>\n\n\n\n<li>Hover over the name of the class you want to rename.<br><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"166\" class=\"wp-image-57436\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-4.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-4.png 630w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-4-300x178.png 300w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/li>\n\n\n\n<li>Click the ellipses by the class name.<br><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"205\" class=\"wp-image-57437\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-5.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-5.png 640w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-5-300x219.png 300w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/li>\n\n\n\n<li>Select <strong>Rename<\/strong> from the dropdown menu.<\/li>\n\n\n\n<li>In the text box, type in the new name for the class and hit Enter.&nbsp;<br>[callout type=&#8221;note&#8221;]The name will change in all elements that have this class.[\/callout]<br><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"714\" class=\"wp-image-57438\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-6.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-6.png 620w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-6-118x300.png 118w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-6-402x1024.png 402w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-6-603x1536.png 603w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/li>\n\n\n\n<li>Click <strong>Save changes<\/strong>.<\/li>\n<\/ol>\n\n\n\n<h4 class=\"wp-block-heading\">Rename a class from the element options<\/h4>\n\n\n\n<p>You can also rename a class from the Style tab of an element.<\/p>\n\n\n\n<p><strong>To rename the class<\/strong>:&nbsp;<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Select an element that contains the class you want to rename.<br><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"368\" class=\"wp-image-57440\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-7.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-7.png 608w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-7-229x300.png 229w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/li>\n\n\n\n<li>Click the <strong>Style<\/strong> tab.<br><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"305\" class=\"wp-image-57441\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-8.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-8.png 638w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-8-275x300.png 275w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/li>\n\n\n\n<li>Locate the class in the <strong>Classes<\/strong> text box.<br><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"305\" class=\"wp-image-57442\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-9.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-9.png 638w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-9-275x300.png 275w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/li>\n\n\n\n<li>Click the ellipses by the class name.<br><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"460\" class=\"wp-image-57444\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-10.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-10.png 636w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-10-183x300.png 183w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-10-624x1024.png 624w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/li>\n\n\n\n<li>Select <strong>Rename<\/strong> from the dropdown menu.<\/li>\n\n\n\n<li>Enter the new name in the <strong>Classes<\/strong> text box and hit Return.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Delete a class<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Open the Class Manager.<\/li>\n\n\n\n<li>Hover over the name of the class you want to delete.<br><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"282\" class=\"wp-image-57445\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-11.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-11.png 628w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-11-298x300.png 298w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-11-150x150.png 150w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/li>\n\n\n\n<li>Click the ellipses by the class name.<br><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"438\" class=\"wp-image-57446\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-12.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-12.png 608w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-12-192x300.png 192w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/li>\n\n\n\n<li>Select <strong>Delete<\/strong> from the dropdown menu.<br><img loading=\"lazy\" decoding=\"async\" width=\"380\" height=\"179\" class=\"wp-image-57447\" style=\"width: 380px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-13.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-13.png 894w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-13-300x141.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-13-768x361.png 768w\" sizes=\"(max-width: 380px) 100vw, 380px\" \/><\/li>\n\n\n\n<li>Confirm your decision by clicking <strong>Delete<\/strong> in the delete window.&nbsp; the text box, type in the new name for the class and hit Enter.&nbsp;<br>[callout type=&#8221;warning&#8221;]This will change the style of all elements using this class.[\/callout]<br><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"714\" class=\"wp-image-57449\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-14.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-14.png 620w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-14-118x300.png 118w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-14-402x1024.png 402w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-14-603x1536.png 603w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/li>\n\n\n\n<li>Click <strong>Save changes<\/strong>.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Rearrange Class priority<\/h3>\n\n\n\n<p>The order in which the classes appear in the Class Manager determines their priority. Classes that are higher up in the priority list take precedence over those further down. For example, if you have am element that contains two classes &#8211;<strong>Main_txt<\/strong> which sets the font size to 16PX and <strong>Other_txt<\/strong> which sets the font size to 12PX, if <strong>Main_txt<\/strong> is above <strong>Other_txt<\/strong>, the font size is 16 PX and vice versa.&nbsp;<\/p>\n\n\n\n<p><strong>To rearrange the class priority<\/strong>:&nbsp;<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Open the Class Manager.<\/li>\n\n\n\n<li>Hover over the class you want to move in the list.<br><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"237\" class=\"wp-image-57450\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-15.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-15.png 614w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-15-300x254.png 300w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/li>\n\n\n\n<li>Click and hold the handle to the left of the class name.&nbsp;<\/li>\n\n\n\n<li>Drag the class to reorder it.<br>In the example below, the Heading element has two classes &#8211; ElementBackground and ContainerBackground, each with their own background color. Changing their order in the Class Manager, changes which color takes priority.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"308\" class=\"wp-image-57451\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image.gif\" alt=\"\">&nbsp;<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Navigate the Class Manager<\/h2>\n\n\n\n<p>As your Class Manager grows and becomes more sophisticated, you\u2019ll want to use navigational tools to find and examine your classes.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Search the classes<\/h3>\n\n\n\n<p>The search bar at the top of the Class Manager lets you quickly find classes. Simply enter the name of the class bar.&nbsp;<br><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"251\" class=\"wp-image-150751\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-82.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-82.png 606w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-82-300x269.png 300w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Locate where classes are used<\/h3>\n\n\n\n<p>Using the Class Manager, you can find our where the different classes are used.<\/p>\n\n\n\n<p><strong>To locate the where classes are used<\/strong>:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Open the Class Manager.<\/li>\n\n\n\n<li>Hover over the class you want to locate.<\/li>\n\n\n\n<li>Click the target icon.<br><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"245\" class=\"wp-image-150758\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-83.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-83.png 600w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-83-300x262.png 300w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/li>\n\n\n\n<li>A list of all the pages, posts etc. where the class appears.<br><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"298\" class=\"wp-image-150765\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-84.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-84.png 1176w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-84-282x300.png 282w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-84-962x1024.png 962w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-84-768x818.png 768w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><br>&nbsp;The number on top of the box shows how many site parts contain the icon.<br><img loading=\"lazy\" decoding=\"async\" width=\"580\" height=\"617\" class=\"wp-image-150772\" style=\"width: 580px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-85.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-85.png 1176w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-85-282x300.png 282w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-85-962x1024.png 962w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-85-768x818.png 768w\" sizes=\"(max-width: 580px) 100vw, 580px\" \/><br>An icon indicates what type of site part contains the class:\n<ul class=\"wp-block-list\">\n<li><img loading=\"lazy\" decoding=\"async\" width=\"28\" height=\"34\" class=\"wp-image-150779\" style=\"width: 28px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/page.png\" alt=\"\">   &#8211; page<\/li>\n\n\n\n<li><img loading=\"lazy\" decoding=\"async\" width=\"28\" height=\"42\" class=\"wp-image-150786\" style=\"width: 28px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/post.png\" alt=\"\">  &#8211; post<\/li>\n\n\n\n<li><img loading=\"lazy\" decoding=\"async\" width=\"32\" height=\"30\" class=\"wp-image-150793\" style=\"width: 32px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Header.png\" alt=\"\"> &#8211; header<\/li>\n\n\n\n<li><img loading=\"lazy\" decoding=\"async\" width=\"32\" height=\"32\" class=\"wp-image-150800\" style=\"width: 32px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Footer.png\" alt=\"\"> &#8211; footer<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>(Optional) Hover over a site part and click the breakout icon to open it.<br><img loading=\"lazy\" decoding=\"async\" width=\"380\" height=\"536\" class=\"wp-image-150807\" style=\"width: 380px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-86.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-86.png 552w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-86-213x300.png 213w\" sizes=\"(max-width: 380px) 100vw, 380px\" \/><\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Filter and sort classes<\/h3>\n\n\n\n<p>Use the Filter to declutter your class list by rendering any classes that are empty, unused site-wide, or used on a page.<\/p>\n\n\n\n<p>The number listed next to Class Manage indicates how many classes a site has.<strong><br><\/strong><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"378\" class=\"wp-image-152913\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Screenshot-2025-09-15-at-14.33.45.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Screenshot-2025-09-15-at-14.33.45.png 442w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Screenshot-2025-09-15-at-14.33.45-222x300.png 222w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/p>\n\n\n\n<p><strong>To filter\/sort classes:<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click the <strong>Filter<\/strong> button to open the Filters.<\/li>\n\n\n\n<li>Check the relevant box to sort by:\n<ul class=\"wp-block-list\">\n<li><strong>Unused:<\/strong> The class is not used anywhere on the site.<\/li>\n\n\n\n<li><strong>Empty:<\/strong> No properties are assigned to this. You can choose to delete, or use them.<\/li>\n\n\n\n<li><strong>On this page:<\/strong> Filtering to this helps you visualize and adjust classes on the page.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"473\" class=\"wp-image-152920\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Screenshot-2025-09-15-at-14.34.55.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Screenshot-2025-09-15-at-14.34.55.png 954w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Screenshot-2025-09-15-at-14.34.55-300x209.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Screenshot-2025-09-15-at-14.34.55-768x535.png 768w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><br><\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<p>The number next to each option indicates the number of classes in that Filter.<\/p>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li>To clear the filter, click the clear all (broom) icon.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"438\" class=\"wp-image-152927\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Screenshot-2025-09-15-at-14.35.14.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Screenshot-2025-09-15-at-14.35.14.png 1244w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Screenshot-2025-09-15-at-14.35.14-300x193.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Screenshot-2025-09-15-at-14.35.14-1024x660.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/Screenshot-2025-09-15-at-14.35.14-768x495.png 768w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n<\/ol>\n\n\n\n<p><strong>Note:<\/strong> When the filter is on, you can\u2019t drag and drop a class in the Class manager.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Styling elements in the Elementor Editor is based on using classes. For general information about creating classes, see Classes in Elementor.&nbsp; After you create a class, it is listed in the Class Manager. The Class Manager The Class Manager lets you control classes in several ways: Access the Class Manager In order to edit classes [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":[],"footnotes":""},"categories":[1509],"tags":[1513],"class_list":["post-57432","post","type-post","status-publish","format-standard","hentry","category-features","tag-v4"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>The Elementor Editor Class Manager | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about The Elementor Editor Class Manager in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/help\/the-elementor-editor-class-manager\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The Elementor Editor Class Manager | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about The Elementor Editor Class Manager in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/the-elementor-editor-class-manager\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2025-05-19T12:53:29+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-16T07:48:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"386\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Cliff Churgin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Cliff Churgin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/the-elementor-editor-class-manager\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/the-elementor-editor-class-manager\/\"},\"author\":{\"name\":\"Cliff Churgin\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\"},\"headline\":\"The Elementor Editor Class Manager\",\"datePublished\":\"2025-05-19T12:53:29+00:00\",\"dateModified\":\"2025-09-16T07:48:52+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/the-elementor-editor-class-manager\/\"},\"wordCount\":786,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/the-elementor-editor-class-manager\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-1.png\",\"keywords\":[\"V4\"],\"articleSection\":[\"Features\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/the-elementor-editor-class-manager\/\",\"url\":\"https:\/\/elementor.com\/help\/the-elementor-editor-class-manager\/\",\"name\":\"The Elementor Editor Class Manager | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/the-elementor-editor-class-manager\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/the-elementor-editor-class-manager\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-1.png\",\"datePublished\":\"2025-05-19T12:53:29+00:00\",\"dateModified\":\"2025-09-16T07:48:52+00:00\",\"description\":\"Learn everything about The Elementor Editor Class Manager in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/the-elementor-editor-class-manager\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/the-elementor-editor-class-manager\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/the-elementor-editor-class-manager\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-1.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-1.png\",\"width\":1600,\"height\":386},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/the-elementor-editor-class-manager\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\/\/elementor.com\/help\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Editor V4\",\"item\":\"https:\/\/elementor.com\/help\/v4-editor\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Features\",\"item\":\"https:\/\/elementor.com\/help\/v4-editor\/features\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"The Elementor Editor Class Manager\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/help\/#website\",\"url\":\"https:\/\/elementor.com\/help\/\",\"name\":\"Elementor\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/help\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/help\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/help\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\",\"name\":\"Cliff Churgin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g\",\"caption\":\"Cliff Churgin\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"The Elementor Editor Class Manager | Elementor","description":"Learn everything about The Elementor Editor Class Manager in this article from Elementor's Knowledge Base. Get Elementor tips & more.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/help\/the-elementor-editor-class-manager\/","og_locale":"en_US","og_type":"article","og_title":"The Elementor Editor Class Manager | Elementor","og_description":"Learn everything about The Elementor Editor Class Manager in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/the-elementor-editor-class-manager\/","og_site_name":"Help","article_published_time":"2025-05-19T12:53:29+00:00","article_modified_time":"2025-09-16T07:48:52+00:00","og_image":[{"width":1600,"height":386,"url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-1.png","type":"image\/png"}],"author":"Cliff Churgin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Cliff Churgin","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/the-elementor-editor-class-manager\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/the-elementor-editor-class-manager\/"},"author":{"name":"Cliff Churgin","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3"},"headline":"The Elementor Editor Class Manager","datePublished":"2025-05-19T12:53:29+00:00","dateModified":"2025-09-16T07:48:52+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/the-elementor-editor-class-manager\/"},"wordCount":786,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/the-elementor-editor-class-manager\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-1.png","keywords":["V4"],"articleSection":["Features"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/the-elementor-editor-class-manager\/","url":"https:\/\/elementor.com\/help\/the-elementor-editor-class-manager\/","name":"The Elementor Editor Class Manager | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/the-elementor-editor-class-manager\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/the-elementor-editor-class-manager\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-1.png","datePublished":"2025-05-19T12:53:29+00:00","dateModified":"2025-09-16T07:48:52+00:00","description":"Learn everything about The Elementor Editor Class Manager in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/the-elementor-editor-class-manager\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/the-elementor-editor-class-manager\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/the-elementor-editor-class-manager\/#primaryimage","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-1.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-1.png","width":1600,"height":386},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/the-elementor-editor-class-manager\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/"},{"@type":"ListItem","position":2,"name":"Editor V4","item":"https:\/\/elementor.com\/help\/v4-editor\/"},{"@type":"ListItem","position":3,"name":"Features","item":"https:\/\/elementor.com\/help\/v4-editor\/features\/"},{"@type":"ListItem","position":4,"name":"The Elementor Editor Class Manager"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/help\/#website","url":"https:\/\/elementor.com\/help\/","name":"Elementor","description":"","publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/help\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/help\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/help\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3","name":"Cliff Churgin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g","caption":"Cliff Churgin"}}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/57432","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/comments?post=57432"}],"version-history":[{"count":5,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/57432\/revisions"}],"predecessor-version":[{"id":152984,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/57432\/revisions\/152984"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=57432"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=57432"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=57432"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}