{"id":68,"date":"2019-11-11T12:38:03","date_gmt":"2019-11-11T15:38:03","guid":{"rendered":"https:\/\/eduardovillao.me\/?p=68"},"modified":"2023-01-16T15:27:38","modified_gmt":"2023-01-16T18:27:38","slug":"center-elementor-tabs","status":"publish","type":"post","link":"https:\/\/eduardovillao.me\/center-elementor-tabs\/","title":{"rendered":"How to center Tabs on Elementor"},"content":{"rendered":"\n<p><iframe src=\"https:\/\/www.youtube.com\/embed\/-JiMJ8uYMvY\" width=\"560\" height=\"415\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n\n\n\n<p>Did you ever need to use the Elementor tabs widget (or Tabs), and needed to center the tabs, but did not find these options in the widget? (unfortunately this option does not even exist in the Widget).<\/p>\n\n\n\n<p>Yeah, you&#8217;re not the only one. I have received this doubts on social networks and through our consultancy. So, without much fanfare, let&#8217;s get the solution!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">How to center the tabs?<\/h3>\n\n\n\n<p>It&#8217;s simple, you&#8217;ll need to use CSS code that can be inserted into the Elementor widget itself (if you&#8217;re using the PRO version) or the CSS editor for your theme.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">.elementor-tabs-wrapper {\n    display: flex;\n    justify-content: center;\n}<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\">Ready, the result will be this:<\/h4>\n\n\n\n<figure class=\"wp-block-image is-style-default\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"196\" src=\"https:\/\/eduardovillao.me\/wp-content\/uploads\/2019\/11\/centered-tab-1024x196.jpg\" alt=\"How to center the Tabs on the Elementor\" class=\"wp-image-70\" srcset=\"https:\/\/eduardovillao.me\/wp-content\/uploads\/2019\/11\/centered-tab-1024x196.jpg 1024w, https:\/\/eduardovillao.me\/wp-content\/uploads\/2019\/11\/centered-tab-600x115.jpg 600w, https:\/\/eduardovillao.me\/wp-content\/uploads\/2019\/11\/centered-tab-300x57.jpg 300w, https:\/\/eduardovillao.me\/wp-content\/uploads\/2019\/11\/centered-tab-768x147.jpg 768w, https:\/\/eduardovillao.me\/wp-content\/uploads\/2019\/11\/centered-tab.jpg 1192w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>I hope that you enjoyed.<\/p>\n\n\n\n<p>Do you like the post? Please, leave your comment!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Did you ever need to use the Elementor tabs widget (or Tabs), and needed to center the tabs, but did not find these options in the widget? (unfortunately this option does not even exist in the Widget). Yeah, you&#8217;re not the only one. I have received this doubts on social networks and through our consultancy. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":74,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[6,3],"tags":[],"class_list":["post-68","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-elementor","category-wordpress"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to center Tabs on Elementor - Eduardo Vill\u00e3o - EN<\/title>\n<meta name=\"description\" content=\"Did you ever need to use the Elementor tabs widget, and needed to center the tabs, but did not find these options in the widget?\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/eduardovillao.me\/center-elementor-tabs\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to center Tabs on Elementor - Eduardo Vill\u00e3o - EN\" \/>\n<meta property=\"og:description\" content=\"Did you ever need to use the Elementor tabs widget, and needed to center the tabs, but did not find these options in the widget?\" \/>\n<meta property=\"og:url\" content=\"https:\/\/eduardovillao.me\/center-elementor-tabs\/\" \/>\n<meta property=\"og:site_name\" content=\"Eduardo Vill\u00e3o - EN\" \/>\n<meta property=\"article:published_time\" content=\"2019-11-11T15:38:03+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-01-16T18:27:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/eduardovillao.me\/wp-content\/uploads\/2019\/11\/elementor-wordpress-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1640\" \/>\n\t<meta property=\"og:image:height\" content=\"924\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Eduardo Vill\u00e3o\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Eduardo Vill\u00e3o\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/eduardovillao.me\/center-elementor-tabs\/\",\"url\":\"https:\/\/eduardovillao.me\/center-elementor-tabs\/\",\"name\":\"How to center Tabs on Elementor - Eduardo Vill\u00e3o - EN\",\"isPartOf\":{\"@id\":\"https:\/\/eduardovillao.me\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/eduardovillao.me\/center-elementor-tabs\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/eduardovillao.me\/center-elementor-tabs\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/eduardovillao.me\/wp-content\/uploads\/2019\/11\/elementor-wordpress-1.jpg\",\"datePublished\":\"2019-11-11T15:38:03+00:00\",\"dateModified\":\"2023-01-16T18:27:38+00:00\",\"author\":{\"@id\":\"https:\/\/eduardovillao.me\/#\/schema\/person\/0b31d7718731423a5690327637f6c192\"},\"description\":\"Did you ever need to use the Elementor tabs widget, and needed to center the tabs, but did not find these options in the widget?\",\"breadcrumb\":{\"@id\":\"https:\/\/eduardovillao.me\/center-elementor-tabs\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/eduardovillao.me\/center-elementor-tabs\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/eduardovillao.me\/center-elementor-tabs\/#primaryimage\",\"url\":\"https:\/\/eduardovillao.me\/wp-content\/uploads\/2019\/11\/elementor-wordpress-1.jpg\",\"contentUrl\":\"https:\/\/eduardovillao.me\/wp-content\/uploads\/2019\/11\/elementor-wordpress-1.jpg\",\"width\":1640,\"height\":924,\"caption\":\"How to center the Tabs on the Elementor\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/eduardovillao.me\/center-elementor-tabs\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/eduardovillao.me\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to center Tabs on Elementor\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/eduardovillao.me\/#website\",\"url\":\"https:\/\/eduardovillao.me\/\",\"name\":\"Eduardo Vill\u00e3o - EN\",\"description\":\"WordPress Developer\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/eduardovillao.me\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/eduardovillao.me\/#\/schema\/person\/0b31d7718731423a5690327637f6c192\",\"name\":\"Eduardo Vill\u00e3o\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/eduardovillao.me\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/ebe181ce14cb78b4ba5641d47ae04acc?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/ebe181ce14cb78b4ba5641d47ae04acc?s=96&d=mm&r=g\",\"caption\":\"Eduardo Vill\u00e3o\"},\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/eduardo-villo-wordpress-developer\/\",\"https:\/\/www.youtube.com\/channel\/UCPhqulWKsgaFA_Yl2gMe1Lw\"],\"url\":\"https:\/\/eduardovillao.me\/author\/eduardo\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to center Tabs on Elementor - Eduardo Vill\u00e3o - EN","description":"Did you ever need to use the Elementor tabs widget, and needed to center the tabs, but did not find these options in the widget?","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:\/\/eduardovillao.me\/center-elementor-tabs\/","og_locale":"en_US","og_type":"article","og_title":"How to center Tabs on Elementor - Eduardo Vill\u00e3o - EN","og_description":"Did you ever need to use the Elementor tabs widget, and needed to center the tabs, but did not find these options in the widget?","og_url":"https:\/\/eduardovillao.me\/center-elementor-tabs\/","og_site_name":"Eduardo Vill\u00e3o - EN","article_published_time":"2019-11-11T15:38:03+00:00","article_modified_time":"2023-01-16T18:27:38+00:00","og_image":[{"width":1640,"height":924,"url":"https:\/\/eduardovillao.me\/wp-content\/uploads\/2019\/11\/elementor-wordpress-1.jpg","type":"image\/jpeg"}],"author":"Eduardo Vill\u00e3o","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Eduardo Vill\u00e3o","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/eduardovillao.me\/center-elementor-tabs\/","url":"https:\/\/eduardovillao.me\/center-elementor-tabs\/","name":"How to center Tabs on Elementor - Eduardo Vill\u00e3o - EN","isPartOf":{"@id":"https:\/\/eduardovillao.me\/#website"},"primaryImageOfPage":{"@id":"https:\/\/eduardovillao.me\/center-elementor-tabs\/#primaryimage"},"image":{"@id":"https:\/\/eduardovillao.me\/center-elementor-tabs\/#primaryimage"},"thumbnailUrl":"https:\/\/eduardovillao.me\/wp-content\/uploads\/2019\/11\/elementor-wordpress-1.jpg","datePublished":"2019-11-11T15:38:03+00:00","dateModified":"2023-01-16T18:27:38+00:00","author":{"@id":"https:\/\/eduardovillao.me\/#\/schema\/person\/0b31d7718731423a5690327637f6c192"},"description":"Did you ever need to use the Elementor tabs widget, and needed to center the tabs, but did not find these options in the widget?","breadcrumb":{"@id":"https:\/\/eduardovillao.me\/center-elementor-tabs\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/eduardovillao.me\/center-elementor-tabs\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/eduardovillao.me\/center-elementor-tabs\/#primaryimage","url":"https:\/\/eduardovillao.me\/wp-content\/uploads\/2019\/11\/elementor-wordpress-1.jpg","contentUrl":"https:\/\/eduardovillao.me\/wp-content\/uploads\/2019\/11\/elementor-wordpress-1.jpg","width":1640,"height":924,"caption":"How to center the Tabs on the Elementor"},{"@type":"BreadcrumbList","@id":"https:\/\/eduardovillao.me\/center-elementor-tabs\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/eduardovillao.me\/"},{"@type":"ListItem","position":2,"name":"How to center Tabs on Elementor"}]},{"@type":"WebSite","@id":"https:\/\/eduardovillao.me\/#website","url":"https:\/\/eduardovillao.me\/","name":"Eduardo Vill\u00e3o - EN","description":"WordPress Developer","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/eduardovillao.me\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/eduardovillao.me\/#\/schema\/person\/0b31d7718731423a5690327637f6c192","name":"Eduardo Vill\u00e3o","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/eduardovillao.me\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/ebe181ce14cb78b4ba5641d47ae04acc?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ebe181ce14cb78b4ba5641d47ae04acc?s=96&d=mm&r=g","caption":"Eduardo Vill\u00e3o"},"sameAs":["https:\/\/www.linkedin.com\/in\/eduardo-villo-wordpress-developer\/","https:\/\/www.youtube.com\/channel\/UCPhqulWKsgaFA_Yl2gMe1Lw"],"url":"https:\/\/eduardovillao.me\/author\/eduardo\/"}]}},"jetpack_featured_media_url":"https:\/\/eduardovillao.me\/wp-content\/uploads\/2019\/11\/elementor-wordpress-1.jpg","_links":{"self":[{"href":"https:\/\/eduardovillao.me\/wp-json\/wp\/v2\/posts\/68","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eduardovillao.me\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/eduardovillao.me\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/eduardovillao.me\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/eduardovillao.me\/wp-json\/wp\/v2\/comments?post=68"}],"version-history":[{"count":0,"href":"https:\/\/eduardovillao.me\/wp-json\/wp\/v2\/posts\/68\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/eduardovillao.me\/wp-json\/wp\/v2\/media\/74"}],"wp:attachment":[{"href":"https:\/\/eduardovillao.me\/wp-json\/wp\/v2\/media?parent=68"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/eduardovillao.me\/wp-json\/wp\/v2\/categories?post=68"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/eduardovillao.me\/wp-json\/wp\/v2\/tags?post=68"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}