{"id":208548,"date":"2014-06-06T03:02:36","date_gmt":"2014-06-06T10:02:36","guid":{"rendered":"https:\/\/tri.be\/support\/forums\/topic\/events-in-loop-to-avada-grid-layout\/"},"modified":"2014-09-04T19:51:19","modified_gmt":"2014-09-05T02:51:19","slug":"events-in-loop-to-avada-grid-layout","status":"closed","type":"topic","link":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/events-in-loop-to-avada-grid-layout\/","title":{"rendered":"Events in loop to Avada Grid Layout"},"content":{"rendered":"<p>Client likes idea of &#8220;Include events in main blog loop&#8221; for their site. Site uses Avada theme and they have the &#8216;timeline&#8217; layout for the main blog page, which is two column layout. Unfortunately the events are spanning the 2 columns. I assume I need to modify the css for these layouts. Could you point me in the right direction as to the file that need addressing for desktop and mobile. If you want to provide example css that would be even better!<\/p>\n<p>Need to visit http:\/\/www.etal.org.uk\/clientview first before visiting http:\/\/www.etal.org.uk\/blog to see the issue. <\/p>\n","protected":false},"template":"","class_list":["post-208548","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>Events in loop to Avada Grid Layout -<\/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\/events-in-loop-to-avada-grid-layout\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Events in loop to Avada Grid Layout -\" \/>\n<meta property=\"og:description\" content=\"Client likes idea of &#8220;Include events in main blog loop&#8221; for their site. Site uses Avada theme and they have the &#8216;timeline&#8217; layout for the main blog page, which is two column layout. Unfortunately the events are spanning the 2 columns. I assume I need to modify the css for these layouts. Could you point [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/events-in-loop-to-avada-grid-layout\/\" \/>\n<meta property=\"article:modified_time\" content=\"2014-09-05T02:51:19+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/events-in-loop-to-avada-grid-layout\/\",\"url\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/events-in-loop-to-avada-grid-layout\/\",\"name\":\"Events in loop to Avada Grid Layout -\",\"isPartOf\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/#website\"},\"datePublished\":\"2014-06-06T10:02:36+00:00\",\"dateModified\":\"2014-09-05T02:51:19+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/events-in-loop-to-avada-grid-layout\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/events-in-loop-to-avada-grid-layout\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/events-in-loop-to-avada-grid-layout\/#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\":\"Events in loop to Avada Grid Layout\"}]},{\"@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":"Events in loop to Avada Grid Layout -","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\/events-in-loop-to-avada-grid-layout\/","og_locale":"en_US","og_type":"article","og_title":"Events in loop to Avada Grid Layout -","og_description":"Client likes idea of &#8220;Include events in main blog loop&#8221; for their site. Site uses Avada theme and they have the &#8216;timeline&#8217; layout for the main blog page, which is two column layout. Unfortunately the events are spanning the 2 columns. I assume I need to modify the css for these layouts. Could you point [&hellip;]","og_url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/events-in-loop-to-avada-grid-layout\/","article_modified_time":"2014-09-05T02:51:19+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/events-in-loop-to-avada-grid-layout\/","url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/events-in-loop-to-avada-grid-layout\/","name":"Events in loop to Avada Grid Layout -","isPartOf":{"@id":"https:\/\/theeventscalendar.com\/support\/#website"},"datePublished":"2014-06-06T10:02:36+00:00","dateModified":"2014-09-05T02:51:19+00:00","breadcrumb":{"@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/events-in-loop-to-avada-grid-layout\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/theeventscalendar.com\/support\/forums\/topic\/events-in-loop-to-avada-grid-layout\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/events-in-loop-to-avada-grid-layout\/#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":"Events in loop to Avada Grid Layout"}]},{"@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\/208548","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\/208548\/revisions"}],"wp:attachment":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/media?parent=208548"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}