{"id":32920,"date":"2020-01-02T14:38:00","date_gmt":"2020-01-02T12:38:00","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=32920"},"modified":"2024-02-04T15:59:46","modified_gmt":"2024-02-04T13:59:46","slug":"selecting-measurement-units","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/selecting-measurement-units\/","title":{"rendered":"Selecting measurement units"},"content":{"rendered":"\n<p>Elementor supports a wide range of measurement units giving you immense design flexibility. For more details about some of the commonly used units, check out our article \u2013 <a href=\"https:\/\/elementor.com\/help\/whats-the-difference-between-px-em-rem-vw-and-vh\/#\">What\u2019s The Difference Between PX, EM, REM, %, VW, and VH?<\/a>\u00a0<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Choosing a unit<\/h2>\n\n\n\n<p>Any option requiring a measurement unit, includes a unit it is measured by (e.g. PX for pixels).&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/01\/image.png\"><img decoding=\"async\" width=\"286\" height=\"79\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/01\/image.png\" alt=\"The unit of measurement\" class=\"wp-image-32922\"\/><\/a><figcaption class=\"wp-element-caption\">Click here to open up the unit measurement menu.<\/figcaption><\/figure>\n\n\n\n<p>Click this unit of measurement to open a menu letting you to switch measurement units.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/01\/image-1.png\"><img decoding=\"async\" width=\"276\" height=\"148\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/01\/image-1.png\" alt=\"The dropdown allowing you to choose measurement units.\" class=\"wp-image-32923\"\/><\/a><figcaption class=\"wp-element-caption\">Select the measurement unit you want to use.<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Custom measurements<\/h2>\n\n\n\n<p>Some web creators prefer to use CSS math functions to set measurements.<\/p>\n\n\n\n<p>Example: The headline on Alex\u2019s site is set to 4 EM. Drew prefers to use CSS math functions and so sets the font size to: <em>calc(2.5EM + 2vw)<\/em>. This means the header on Drew\u2019s site will be 2.5 EM plus 2% of the viewport width (the width of the browser screen). By using a math function dependent on viewport width, Drew\u2019s design will be fine-tuned to any screen size.<\/p>\n\n\n\n<p>CSS math functions can make your site more accurate, more responsive and allows you to combine units of measurement (e.g. pixels and VH)<\/p>\n\n\n\n<p>Elementor supports use of custom CSS math functions for a number of elements &#8211; containers, sections, columns, as well as typography controls.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">How to add custom measurements<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Open the unit selection dropdown as described above.<\/li>\n\n\n\n<li>Select the pencil icon.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/01\/image-2.png\"><img decoding=\"async\" width=\"276\" height=\"148\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/01\/image-2.png\" alt=\"The custom unit icon\" class=\"wp-image-32924\"\/><\/a><figcaption class=\"wp-element-caption\">Select the pencil icon to use a CSS math function.<\/figcaption><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"3\">\n<li>Enter the CSS math function in the text box (e.g. <em>calc(2.5em + 2vw)<\/em>)<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/01\/image-3.png\"><img loading=\"lazy\" decoding=\"async\" width=\"268\" height=\"161\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/01\/image-3.png\" alt=\"Text box to enter a CSS math function.\" class=\"wp-image-32925\"\/><\/a><figcaption class=\"wp-element-caption\">Enter the CSS math function. This menu will be slightly different depending on the element you&#8217;re working with.<\/figcaption><\/figure>\n\n\n\n<p>When entering CSS math functions, please keep in mind:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>You must include the unit of measurement (e.g. 50PX not 50)<\/li>\n\n\n\n<li>Make sure there are no spaces between value and the unit (50PX not 50 PX)<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Elementor supports a wide range of measurement units giving you immense design flexibility. For more details about some of the commonly used units, check out our article \u2013 What\u2019s The Difference Between PX, EM, REM, %, VW, and VH?\u00a0 Choosing a unit Any option requiring a measurement unit, includes a unit it is measured by [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":["65ba3ced634cb09d9eced65c"],"footnotes":""},"categories":[1435],"tags":[],"class_list":["post-32920","post","type-post","status-publish","format-standard","hentry","category-getting-around-the-elementor-editor"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Selecting measurement units | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Selecting measurement units in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta name=\"robots\" content=\"noindex, nofollow\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Selecting measurement units | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about Selecting measurement units in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/selecting-measurement-units\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2020-01-02T12:38:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-02-04T13:59:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/01\/image.png\" \/>\n\t<meta property=\"og:image:width\" content=\"286\" \/>\n\t<meta property=\"og:image:height\" content=\"79\" \/>\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=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/selecting-measurement-units\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/selecting-measurement-units\/\"},\"author\":{\"name\":\"Cliff Churgin\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\"},\"headline\":\"Selecting measurement units\",\"datePublished\":\"2020-01-02T12:38:00+00:00\",\"dateModified\":\"2024-02-04T13:59:46+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/selecting-measurement-units\/\"},\"wordCount\":318,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/selecting-measurement-units\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/01\/image.png\",\"articleSection\":[\"Getting around the Elementor Editor\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/help\/selecting-measurement-units\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/selecting-measurement-units\/\",\"url\":\"https:\/\/elementor.com\/help\/selecting-measurement-units\/\",\"name\":\"Selecting measurement units | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/selecting-measurement-units\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/selecting-measurement-units\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/01\/image.png\",\"datePublished\":\"2020-01-02T12:38:00+00:00\",\"dateModified\":\"2024-02-04T13:59:46+00:00\",\"description\":\"Learn everything about Selecting measurement units in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/selecting-measurement-units\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/selecting-measurement-units\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/selecting-measurement-units\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/01\/image.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/01\/image.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/selecting-measurement-units\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\/\/elementor.com\/help\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elementor Editor\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Getting around the Elementor Editor\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/getting-around-the-elementor-editor\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Selecting measurement units\"}]},{\"@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":"Selecting measurement units | Elementor","description":"Learn everything about Selecting measurement units in this article from Elementor's Knowledge Base. Get Elementor tips & more.","robots":{"index":"noindex","follow":"nofollow"},"og_locale":"en_US","og_type":"article","og_title":"Selecting measurement units | Elementor","og_description":"Learn everything about Selecting measurement units in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/selecting-measurement-units\/","og_site_name":"Help","article_published_time":"2020-01-02T12:38:00+00:00","article_modified_time":"2024-02-04T13:59:46+00:00","og_image":[{"width":286,"height":79,"url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/01\/image.png","type":"image\/png"}],"author":"Cliff Churgin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Cliff Churgin","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/selecting-measurement-units\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/selecting-measurement-units\/"},"author":{"name":"Cliff Churgin","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3"},"headline":"Selecting measurement units","datePublished":"2020-01-02T12:38:00+00:00","dateModified":"2024-02-04T13:59:46+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/selecting-measurement-units\/"},"wordCount":318,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/selecting-measurement-units\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/01\/image.png","articleSection":["Getting around the Elementor Editor"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/help\/selecting-measurement-units\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/selecting-measurement-units\/","url":"https:\/\/elementor.com\/help\/selecting-measurement-units\/","name":"Selecting measurement units | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/selecting-measurement-units\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/selecting-measurement-units\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/01\/image.png","datePublished":"2020-01-02T12:38:00+00:00","dateModified":"2024-02-04T13:59:46+00:00","description":"Learn everything about Selecting measurement units in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/selecting-measurement-units\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/selecting-measurement-units\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/selecting-measurement-units\/#primaryimage","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/01\/image.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/01\/image.png"},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/selecting-measurement-units\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/"},{"@type":"ListItem","position":2,"name":"Elementor Editor","item":"https:\/\/elementor.com\/help\/elementor-editor\/"},{"@type":"ListItem","position":3,"name":"Getting around the Elementor Editor","item":"https:\/\/elementor.com\/help\/elementor-editor\/getting-around-the-elementor-editor\/"},{"@type":"ListItem","position":4,"name":"Selecting measurement units"}]},{"@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\/32920","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=32920"}],"version-history":[{"count":5,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/32920\/revisions"}],"predecessor-version":[{"id":37286,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/32920\/revisions\/37286"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=32920"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=32920"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=32920"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}