{"id":74930,"date":"2013-11-05T23:38:21","date_gmt":"2013-11-06T07:38:21","guid":{"rendered":"http:\/\/tri.be\/support\/forums\/topic\/how-to-get-the-width-of-the-event-detail-page-to-be-100\/"},"modified":"2013-11-19T08:02:26","modified_gmt":"2013-11-19T16:02:26","slug":"how-to-get-the-width-of-the-event-detail-page-to-be-100","status":"closed","type":"topic","link":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/how-to-get-the-width-of-the-event-detail-page-to-be-100\/","title":{"rendered":"How to get the width of the event detail page to be 100%"},"content":{"rendered":"<p>Hi, I have the event pro. I am trying to get the width of the event details page to be full width. This is because I want to place a slider there so that the image can go across the entire screen. Currently, the width seems to be wrapped into container boxes that are only 960px. My aim is to put image in the middle of the page that is 100% wide in the event details page. Thanks for your help.<\/p>\n","protected":false},"template":"","class_list":["post-74930","topic","type-topic","status-closed","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to get the width of the event detail page to be 100% -<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/how-to-get-the-width-of-the-event-detail-page-to-be-100\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to get the width of the event detail page to be 100% -\" \/>\n<meta property=\"og:description\" content=\"Hi, I have the event pro. I am trying to get the width of the event details page to be full width. This is because I want to place a slider there so that the image can go across the entire screen. Currently, the width seems to be wrapped into container boxes that are only [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/how-to-get-the-width-of-the-event-detail-page-to-be-100\/\" \/>\n<meta property=\"article:modified_time\" content=\"2013-11-19T16:02:26+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/how-to-get-the-width-of-the-event-detail-page-to-be-100\/\",\"url\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/how-to-get-the-width-of-the-event-detail-page-to-be-100\/\",\"name\":\"How to get the width of the event detail page to be 100% -\",\"isPartOf\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/#website\"},\"datePublished\":\"2013-11-06T07:38:21+00:00\",\"dateModified\":\"2013-11-19T16:02:26+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/how-to-get-the-width-of-the-event-detail-page-to-be-100\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/how-to-get-the-width-of-the-event-detail-page-to-be-100\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/how-to-get-the-width-of-the-event-detail-page-to-be-100\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/theeventscalendar.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Topics\",\"item\":\"https:\/\/theeventscalendar.com\/support\/topics\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Calendar Products\",\"item\":\"https:\/\/theeventscalendar.com\/support\/forums\/forum\/events\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Events Calendar PRO\",\"item\":\"https:\/\/theeventscalendar.com\/support\/forums\/forum\/events\/events-calendar-pro\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"How to get the width of the event detail page to be 100%\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/#website\",\"url\":\"https:\/\/theeventscalendar.com\/support\/\",\"name\":\"\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/theeventscalendar.com\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to get the width of the event detail page to be 100% -","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:\/\/theeventscalendar.com\/support\/forums\/topic\/how-to-get-the-width-of-the-event-detail-page-to-be-100\/","og_locale":"en_US","og_type":"article","og_title":"How to get the width of the event detail page to be 100% -","og_description":"Hi, I have the event pro. I am trying to get the width of the event details page to be full width. This is because I want to place a slider there so that the image can go across the entire screen. Currently, the width seems to be wrapped into container boxes that are only [&hellip;]","og_url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/how-to-get-the-width-of-the-event-detail-page-to-be-100\/","article_modified_time":"2013-11-19T16:02:26+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/how-to-get-the-width-of-the-event-detail-page-to-be-100\/","url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/how-to-get-the-width-of-the-event-detail-page-to-be-100\/","name":"How to get the width of the event detail page to be 100% -","isPartOf":{"@id":"https:\/\/theeventscalendar.com\/support\/#website"},"datePublished":"2013-11-06T07:38:21+00:00","dateModified":"2013-11-19T16:02:26+00:00","breadcrumb":{"@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/how-to-get-the-width-of-the-event-detail-page-to-be-100\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/theeventscalendar.com\/support\/forums\/topic\/how-to-get-the-width-of-the-event-detail-page-to-be-100\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/how-to-get-the-width-of-the-event-detail-page-to-be-100\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/theeventscalendar.com\/support\/"},{"@type":"ListItem","position":2,"name":"Topics","item":"https:\/\/theeventscalendar.com\/support\/topics\/"},{"@type":"ListItem","position":3,"name":"Calendar Products","item":"https:\/\/theeventscalendar.com\/support\/forums\/forum\/events\/"},{"@type":"ListItem","position":4,"name":"Events Calendar PRO","item":"https:\/\/theeventscalendar.com\/support\/forums\/forum\/events\/events-calendar-pro\/"},{"@type":"ListItem","position":5,"name":"How to get the width of the event detail page to be 100%"}]},{"@type":"WebSite","@id":"https:\/\/theeventscalendar.com\/support\/#website","url":"https:\/\/theeventscalendar.com\/support\/","name":"","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/theeventscalendar.com\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/topic\/74930","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":0,"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/topic\/74930\/revisions"}],"wp:attachment":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/media?parent=74930"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}