{"id":155229,"date":"2025-11-10T14:26:25","date_gmt":"2025-11-10T12:26:25","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=155229"},"modified":"2025-12-22T15:09:42","modified_gmt":"2025-12-22T13:09:42","slug":"add-custom-css-to-an-element","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/add-custom-css-to-an-element\/","title":{"rendered":"Add Custom CSS to an element"},"content":{"rendered":"\n<p>Adding custom CSS to an element gives web creators almost unlimited flexibility in designing their web pages.&nbsp;<\/p>\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=\"Add custom CSS\" width=\"800\" height=\"450\" src=\"https:\/\/www.youtube.com\/embed\/Dblgce-ZX8w?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<h2 class=\"wp-block-heading\">Add custom CSS<\/h2>\n\n\n\n<p><strong>To add custom CSS to an element<\/strong>:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click the <strong>Style<\/strong> tab.<br><img fetchpriority=\"high\" decoding=\"async\" width=\"280\" height=\"588\" class=\"wp-image-155230\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/10\/1-click-the-Style-tab.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/10\/1-click-the-Style-tab.png 305w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/10\/1-click-the-Style-tab-143x300.png 143w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/li>\n\n\n\n<li>Open the <strong>Custom CSS<\/strong> field.<br><img decoding=\"async\" width=\"280\" height=\"576\" class=\"wp-image-155237\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/10\/2-open-the-custom-css-field.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/10\/2-open-the-custom-css-field.png 307w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/10\/2-open-the-custom-css-field-146x300.png 146w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/li>\n\n\n\n<li>The CSS editor opens.<br><img decoding=\"async\" width=\"280\" height=\"837\" class=\"wp-image-155244\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/10\/3-the-CSS-editor-.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/10\/3-the-CSS-editor-.png 293w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/10\/3-the-CSS-editor--100x300.png 100w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/li>\n\n\n\n<li>Add the CSS code.<br><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"851\" class=\"wp-image-155281\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/10\/3b-the-custom-CSS-field.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/10\/3b-the-custom-CSS-field.png 289w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/10\/3b-the-custom-CSS-field-99x300.png 99w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/li>\n<\/ol>\n\n\n\n<p>CSS code is added to the selected class, so you can have separate CSS code for different classes and states. In the example below, we\u2019ll use custom CSS to change the default text color and the hover text color.&nbsp;<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Add a <strong>Heading<\/strong> widget to the canvas.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"345\" class=\"wp-image-155295\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/10\/5-add-a-heading-widget-1.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/10\/5-add-a-heading-widget-1.png 1281w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/10\/5-add-a-heading-widget-1-300x152.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/10\/5-add-a-heading-widget-1-1024x520.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/10\/5-add-a-heading-widget-1-768x390.png 768w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>Click the <strong>Style<\/strong> tab.<\/li>\n\n\n\n<li>Open the <strong>Custom CSS<\/strong> field.<\/li>\n\n\n\n<li>In the CSS editor enter the following:<br><code>color:red;<\/code><br>The heading text turns red.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"427\" class=\"wp-image-155274\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/10\/4-enter-the-CSS-3.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/10\/4-enter-the-CSS-3.png 1286w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/10\/4-enter-the-CSS-3-300x188.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/10\/4-enter-the-CSS-3-1024x643.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/10\/4-enter-the-CSS-3-768x482.png 768w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>In the <strong>Classes<\/strong> text box click the ellipses and select <strong>hover<\/strong>.<br><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"448\" class=\"wp-image-155303\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/10\/6-in-the-classes-box-click-hover.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/10\/6-in-the-classes-box-click-hover.png 289w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/10\/6-in-the-classes-box-click-hover-188x300.png 188w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/li>\n\n\n\n<li>Open the <strong>Custom CSS<\/strong> field.<\/li>\n\n\n\n<li>In the CSS editor enter the following:<br><code>color:blue<\/code><br>Now the text is red, but when you hover over it, it turns blue.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"336\" class=\"wp-image-155310\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/10\/7-the-hover-state.gif\" alt=\"\"><br>Since Custom CSS applies to device sizes as well as states, you can change the text color according to device size.<\/li>\n\n\n\n<li>Click the <strong>Local<\/strong> class.<br><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"573\" class=\"wp-image-155317\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/10\/8-click-the-local-class.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/10\/8-click-the-local-class.png 304w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/10\/8-click-the-local-class-147x300.png 147w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/li>\n\n\n\n<li>Click the mobile icon.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"341\" class=\"wp-image-155324\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/10\/9-click-the-mobile-icon.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/10\/9-click-the-mobile-icon.png 1284w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/10\/9-click-the-mobile-icon-300x150.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/10\/9-click-the-mobile-icon-1024x514.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/10\/9-click-the-mobile-icon-768x385.png 768w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>Open the <strong>Custom CSS<\/strong> field.<\/li>\n\n\n\n<li>In the CSS editor enter the following:<br><code>color:green<\/code><br>The heading text turns green for mobile devices.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"444\" class=\"wp-image-155332\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/10\/10-mobile-devices.gif\" alt=\"\"><\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Using a CSS media query<\/h2>\n\n\n\n<p>A <strong>media query<\/strong> allows you to apply styles based on the characteristics of the user&#8217;s device, such as its screen width, height, resolution, or orientation.<\/p>\n\n\n\n<p>Although custom CSS generally applies to a specific screen size, you can use media queries to add responsively. For example, the CSS below can be added to the desktop CSS code and will turn the font red for any device under 600px:<br><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"309\" class=\"wp-image-157733\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/Custom-CSS.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/Custom-CSS.png 289w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/12\/Custom-CSS-272x300.png 272w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Adding custom CSS to an element gives web creators almost unlimited flexibility in designing their web pages.&nbsp; Add custom CSS To add custom CSS to an element: CSS code is added to the selected class, so you can have separate CSS code for different classes and states. In the example below, we\u2019ll use custom CSS [&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":[1510],"tags":[],"class_list":["post-155229","post","type-post","status-publish","format-standard","hentry","category-style-tab"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Add Custom CSS to an element | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Add Custom CSS to an element 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\/add-custom-css-to-an-element\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Add Custom CSS to an element | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about Add Custom CSS to an element in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/add-custom-css-to-an-element\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2025-11-10T12:26:25+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-22T13:09:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/10\/1-click-the-Style-tab.png\" \/>\n\t<meta property=\"og:image:width\" content=\"305\" \/>\n\t<meta property=\"og:image:height\" content=\"641\" \/>\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=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/add-custom-css-to-an-element\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/add-custom-css-to-an-element\/\"},\"author\":{\"name\":\"Cliff Churgin\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\"},\"headline\":\"Add Custom CSS to an element\",\"datePublished\":\"2025-11-10T12:26:25+00:00\",\"dateModified\":\"2025-12-22T13:09:42+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/add-custom-css-to-an-element\/\"},\"wordCount\":284,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/add-custom-css-to-an-element\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/10\/1-click-the-Style-tab.png\",\"articleSection\":[\"Style tab\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/add-custom-css-to-an-element\/\",\"url\":\"https:\/\/elementor.com\/help\/add-custom-css-to-an-element\/\",\"name\":\"Add Custom CSS to an element | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/add-custom-css-to-an-element\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/add-custom-css-to-an-element\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/10\/1-click-the-Style-tab.png\",\"datePublished\":\"2025-11-10T12:26:25+00:00\",\"dateModified\":\"2025-12-22T13:09:42+00:00\",\"description\":\"Learn everything about Add Custom CSS to an element in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/add-custom-css-to-an-element\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/add-custom-css-to-an-element\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/add-custom-css-to-an-element\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/10\/1-click-the-Style-tab.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/10\/1-click-the-Style-tab.png\",\"width\":305,\"height\":641},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/add-custom-css-to-an-element\/#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\":\"Style tab\",\"item\":\"https:\/\/elementor.com\/help\/v4-editor\/style-tab\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Add Custom CSS to an element\"}]},{\"@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":"Add Custom CSS to an element | Elementor","description":"Learn everything about Add Custom CSS to an element 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\/add-custom-css-to-an-element\/","og_locale":"en_US","og_type":"article","og_title":"Add Custom CSS to an element | Elementor","og_description":"Learn everything about Add Custom CSS to an element in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/add-custom-css-to-an-element\/","og_site_name":"Help","article_published_time":"2025-11-10T12:26:25+00:00","article_modified_time":"2025-12-22T13:09:42+00:00","og_image":[{"width":305,"height":641,"url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/10\/1-click-the-Style-tab.png","type":"image\/png"}],"author":"Cliff Churgin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Cliff Churgin","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/add-custom-css-to-an-element\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/add-custom-css-to-an-element\/"},"author":{"name":"Cliff Churgin","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3"},"headline":"Add Custom CSS to an element","datePublished":"2025-11-10T12:26:25+00:00","dateModified":"2025-12-22T13:09:42+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/add-custom-css-to-an-element\/"},"wordCount":284,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/add-custom-css-to-an-element\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/10\/1-click-the-Style-tab.png","articleSection":["Style tab"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/add-custom-css-to-an-element\/","url":"https:\/\/elementor.com\/help\/add-custom-css-to-an-element\/","name":"Add Custom CSS to an element | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/add-custom-css-to-an-element\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/add-custom-css-to-an-element\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/10\/1-click-the-Style-tab.png","datePublished":"2025-11-10T12:26:25+00:00","dateModified":"2025-12-22T13:09:42+00:00","description":"Learn everything about Add Custom CSS to an element in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/add-custom-css-to-an-element\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/add-custom-css-to-an-element\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/add-custom-css-to-an-element\/#primaryimage","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/10\/1-click-the-Style-tab.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/10\/1-click-the-Style-tab.png","width":305,"height":641},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/add-custom-css-to-an-element\/#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":"Style tab","item":"https:\/\/elementor.com\/help\/v4-editor\/style-tab\/"},{"@type":"ListItem","position":4,"name":"Add Custom CSS to an element"}]},{"@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\/155229","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=155229"}],"version-history":[{"count":7,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/155229\/revisions"}],"predecessor-version":[{"id":158216,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/155229\/revisions\/158216"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=155229"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=155229"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=155229"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}