{"id":6037,"date":"2022-01-04T16:57:00","date_gmt":"2022-01-04T16:57:00","guid":{"rendered":"https:\/\/wpthemego.com\/document\/?p=6037"},"modified":"2025-02-26T03:25:30","modified_gmt":"2025-02-26T03:25:30","slug":"why-isnt-your-content-width-the-same-as-our-demo-using-elementors-page-builder","status":"publish","type":"post","link":"https:\/\/wpthemego.com\/document\/why-isnt-your-content-width-the-same-as-our-demo-using-elementors-page-builder\/","title":{"rendered":"Why isn’t your content width the same as our demo using Elementor’s Page Builder?"},"content":{"rendered":"

[vc_row][vc_column][vc_column_text]This video tutorial will show you how fix the compare problem in WPThemeGo’s WordPress Themes<\/a> step by step. We use eMarket WordPress theme<\/strong><\/a> as showcase for this tutorial.<\/p>\n

With the themes using Elementor’s Page builder, the content’s width is set at the setting section of Elementor plugin, and this setting can not be imported.<\/p>\n

The default value of the content’s width is 1140px. So, you need to change your content’s width after importing to make it look as our demo.\u00a0 To do it, you need to get the content’s width of the homepage on our demo first. Here are some steps for this:<\/p>\n

    \n
  1. Go to the demo of our theme\u00a0<\/strong> and choose the homepage<\/strong> which you are using<\/li>\n
  2. \u00a0Click on the right-mouse<\/strong> => select the Inspect(Q)<\/strong> option<\/li>\n
  3. \u00a0Choose the section<\/strong> which having the class as “elementor-container”<\/strong>\u00a0 and get the width of this section.<\/strong><\/li>\n<\/ol>\n

    \"\"<\/p>\n

    After getting the content’s width from our demo, you can set the content’s width of your site by:<\/strong><\/p>\n

    Step 1.<\/strong> Access the editor mode of Elementor’s\u00a0 Page Builder<\/strong> by editing your home page with Elementor.<\/p>\n

    \"Change<\/p>\n

    Step 2.<\/strong> Click on the menu button<\/strong> on the top-left of your screen<\/strong><\/p>\n

    \"Change<\/p>\n

    Step 3.<\/strong> Click on the Site Settings<\/strong><\/p>\n

    \"Change<\/p>\n

    Step 4.<\/strong>\u00a0Select Layout<\/strong> and set the content width<\/strong> of your site again<\/p>\n

    \"Change<\/p>\n

    View Video Guide:<\/h3>\n