{"id":29093,"date":"2022-09-28T12:00:00","date_gmt":"2022-09-28T09:00:00","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=29093"},"modified":"2023-09-04T17:04:36","modified_gmt":"2023-09-04T14:04:36","slug":"container-style-tab-settings","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/container-style-tab-settings\/","title":{"rendered":"Container Style tab settings"},"content":{"rendered":"\n

The container style tab controls how items appear in a container. See below for a summary of these controls. <\/p>\n\n\n\n

Background<\/h3>\n\n\n\n
\"\"<\/figure>\n\n\n\n
    \n
  1. Background Type \u2013 Select the background type, color, gradient, image, or slideshow<\/li>\n\n\n\n
  2. Color (background): From the color picker, select the color(s) for the field<\/li>\n\n\n\n
  3. Image: Click to select or upload an image or images if slideshow type is used to the media library to use as the background image of your container<\/li>\n<\/ol>\n\n\n\n

    Background Overlay<\/h3>\n\n\n\n
    \"\"<\/figure>\n\n\n\n
      \n
    1. Background Type \u2013 Select the background type, color, gradient, image<\/li>\n\n\n\n
    2. Color (background): From the color picker, select the color(s) for the field<\/li>\n\n\n\n
    3. Image: Click to select or upload an image to the media library to use as the background overlay image of your container<\/li>\n\n\n\n
    4. Opacity: Use the slider or manually enter a value in the field<\/li>\n<\/ol>\n\n\n\n

      Border<\/h3>\n\n\n\n
      \"\"<\/figure>\n\n\n\n
        \n
      1. Border type: From the dropdown menu select between solid, double, dotted, dashed, or grooved<\/li>\n\n\n\n
      2. Width (border): Enter a chosen value in the fields based on px, em, or %<\/li>\n\n\n\n
      3. Color (border): From the color picker, choose the background color for your border<\/li>\n\n\n\n
      4. Border Radius: Enter a chosen value in the fields based on px, em, or %<\/li>\n\n\n\n
      5. Box Shadow: Click the pencil icon to open the shadow properties options.<\/li>\n<\/ol>\n\n\n\n

        Shape Divider<\/h3>\n\n\n\n
        \"\"<\/figure>\n\n\n\n
          \n
        1. Choose to display at the Top or Bottom of your container<\/li>\n\n\n\n
        2. Type: Click the dropdown to choose your Shape Divider style<\/li>\n\n\n\n
        3. Color: Pick a color<\/li>\n\n\n\n
        4. Width: Set the width of your Shape Divider<\/li>\n\n\n\n
        5. Height: Set the height of your Shape Divider<\/li>\n\n\n\n
        6. Flip: Flip the direction of your Shape Divider<\/li>\n\n\n\n
        7. Bring to front: Force your Shape Divider to be in front of other objects<\/li>\n<\/ol>\n\n\n\n

          Next steps<\/strong><\/h2>\n\n\n\n

          Now that you’ve familiarized yourself with the container setting in the Style tab, learn about the container settings in the Advanced tab<\/a>.<\/p>\n\n\n\n

          To get the most out of Elementor,<\/strong> check out the Elementor Academy<\/a> for helpful learning resources. If you come across any issues or need help, please contact our Support Center<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

          The container style tab controls how items appear in a container. See below for a summary of these controls. Background Background Overlay Border Shape Divider Next steps Now that you’ve familiarized yourself with the container setting in the Style tab, learn about the container settings in the Advanced tab. To get the most out of […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":["65ba34e31870bb015e279e19"],"footnotes":""},"categories":[1443],"tags":[],"class_list":["post-29093","post","type-post","status-publish","format-standard","hentry","category-flexbox-containers"],"acf":[],"yoast_head":"\nContainer Style tab settings | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Container Style tab settings in this article from Elementor's Knowledge Base. Get Elementor tips & 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\/container-style-tab-settings\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Container Style tab settings | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about Container Style tab settings in this article from Elementor's Knowledge Base. Get Elementor tips & more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/container-style-tab-settings\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2022-09-28T09:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-09-04T14:04:36+00:00\" \/>\n<meta name=\"author\" content=\"Alan Kaler\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alan Kaler\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/container-style-tab-settings\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/container-style-tab-settings\/\"},\"author\":{\"name\":\"Alan Kaler\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430\"},\"headline\":\"Container Style tab settings\",\"datePublished\":\"2022-09-28T09:00:00+00:00\",\"dateModified\":\"2023-09-04T14:04:36+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/container-style-tab-settings\/\"},\"wordCount\":322,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/container-style-tab-settings\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/03\/Container-Background.png\",\"articleSection\":[\"Flexbox containers\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/container-style-tab-settings\/\",\"url\":\"https:\/\/elementor.com\/help\/container-style-tab-settings\/\",\"name\":\"Container Style tab settings | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/container-style-tab-settings\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/container-style-tab-settings\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/03\/Container-Background.png\",\"datePublished\":\"2022-09-28T09:00:00+00:00\",\"dateModified\":\"2023-09-04T14:04:36+00:00\",\"description\":\"Learn everything about Container Style tab settings in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/container-style-tab-settings\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/container-style-tab-settings\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/container-style-tab-settings\/#primaryimage\",\"url\":\"\",\"contentUrl\":\"\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/container-style-tab-settings\/#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\":\"Layout\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/layout\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Flexbox containers\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/layout\/flexbox-containers\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Container Style tab settings\"}]},{\"@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\/ebf805be1a1abdd587d4b97e3328f430\",\"name\":\"Alan Kaler\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g\",\"caption\":\"Alan Kaler\"},\"description\":\"Alan Kaler is an expert Elementorist at Elementor and a WordPress Magician who thinks that the three most beautiful words in our language are: I told you\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Container Style tab settings | Elementor","description":"Learn everything about Container Style tab settings 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\/container-style-tab-settings\/","og_locale":"en_US","og_type":"article","og_title":"Container Style tab settings | Elementor","og_description":"Learn everything about Container Style tab settings in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/container-style-tab-settings\/","og_site_name":"Help","article_published_time":"2022-09-28T09:00:00+00:00","article_modified_time":"2023-09-04T14:04:36+00:00","author":"Alan Kaler","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Alan Kaler","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/container-style-tab-settings\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/container-style-tab-settings\/"},"author":{"name":"Alan Kaler","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430"},"headline":"Container Style tab settings","datePublished":"2022-09-28T09:00:00+00:00","dateModified":"2023-09-04T14:04:36+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/container-style-tab-settings\/"},"wordCount":322,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/container-style-tab-settings\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/03\/Container-Background.png","articleSection":["Flexbox containers"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/container-style-tab-settings\/","url":"https:\/\/elementor.com\/help\/container-style-tab-settings\/","name":"Container Style tab settings | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/container-style-tab-settings\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/container-style-tab-settings\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/03\/Container-Background.png","datePublished":"2022-09-28T09:00:00+00:00","dateModified":"2023-09-04T14:04:36+00:00","description":"Learn everything about Container Style tab settings in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/container-style-tab-settings\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/container-style-tab-settings\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/container-style-tab-settings\/#primaryimage","url":"","contentUrl":""},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/container-style-tab-settings\/#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":"Layout","item":"https:\/\/elementor.com\/help\/elementor-editor\/layout\/"},{"@type":"ListItem","position":4,"name":"Flexbox containers","item":"https:\/\/elementor.com\/help\/elementor-editor\/layout\/flexbox-containers\/"},{"@type":"ListItem","position":5,"name":"Container Style tab settings"}]},{"@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\/ebf805be1a1abdd587d4b97e3328f430","name":"Alan Kaler","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g","caption":"Alan Kaler"},"description":"Alan Kaler is an expert Elementorist at Elementor and a WordPress Magician who thinks that the three most beautiful words in our language are: I told you"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/29093","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\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/comments?post=29093"}],"version-history":[{"count":4,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/29093\/revisions"}],"predecessor-version":[{"id":56636,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/29093\/revisions\/56636"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=29093"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=29093"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=29093"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}