{"id":257684,"date":"2014-06-28T09:21:52","date_gmt":"2014-06-28T16:21:52","guid":{"rendered":"http:\/\/tri.be\/support\/forums\/topic\/event-list-in-a-div-frame\/"},"modified":"2014-07-24T09:01:29","modified_gmt":"2014-07-24T16:01:29","slug":"event-list-in-a-div-frame","status":"closed","type":"topic","link":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/event-list-in-a-div-frame\/","title":{"rendered":"Event list in a div frame"},"content":{"rendered":"

We are trying to put a list of upcoming events on our home page. We have accomplished this by using “amr shortcode any widget” to turn the Calendar List View Widget into a shortcode that we then put in a div box with overflow to create the desired effect.
\nThis works great except for the indentation of the events. For some reason the ‘view more’ button does not align with the events, ideally we want everything to align neatly on the left. Alternatively, we would just delete the view more button (if this would solve the issue) and just create a separate link to our calendar page.
\nThis is what it looks like:
\nhttps:\/\/drive.google.com\/file\/d\/0B_Spjlv6NQxGV0dlcFNiVkpfVG8\/edit?usp=sharing<\/p>\n","protected":false},"template":"","class_list":["post-257684","topic","type-topic","status-closed","hentry"],"yoast_head":"\nEvent list in a div frame -<\/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\/event-list-in-a-div-frame\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Event list in a div frame -\" \/>\n<meta property=\"og:description\" content=\"We are trying to put a list of upcoming events on our home page. We have accomplished this by using “amr shortcode any widget” to turn the Calendar List View Widget into a shortcode that we then put in a div box with overflow to create the desired effect. This works great except for the […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/event-list-in-a-div-frame\/\" \/>\n<meta property=\"article:modified_time\" content=\"2014-07-24T16:01:29+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\/event-list-in-a-div-frame\/\",\"url\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/event-list-in-a-div-frame\/\",\"name\":\"Event list in a div frame -\",\"isPartOf\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/#website\"},\"datePublished\":\"2014-06-28T16:21:52+00:00\",\"dateModified\":\"2014-07-24T16:01:29+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/event-list-in-a-div-frame\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/event-list-in-a-div-frame\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/event-list-in-a-div-frame\/#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\":\"Event list in a div frame\"}]},{\"@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":"Event list in a div frame -","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\/event-list-in-a-div-frame\/","og_locale":"en_US","og_type":"article","og_title":"Event list in a div frame -","og_description":"We are trying to put a list of upcoming events on our home page. We have accomplished this by using “amr shortcode any widget” to turn the Calendar List View Widget into a shortcode that we then put in a div box with overflow to create the desired effect. This works great except for the […]","og_url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/event-list-in-a-div-frame\/","article_modified_time":"2014-07-24T16:01:29+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\/event-list-in-a-div-frame\/","url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/event-list-in-a-div-frame\/","name":"Event list in a div frame -","isPartOf":{"@id":"https:\/\/theeventscalendar.com\/support\/#website"},"datePublished":"2014-06-28T16:21:52+00:00","dateModified":"2014-07-24T16:01:29+00:00","breadcrumb":{"@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/event-list-in-a-div-frame\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/theeventscalendar.com\/support\/forums\/topic\/event-list-in-a-div-frame\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/event-list-in-a-div-frame\/#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":"Event list in a div frame"}]},{"@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\/257684","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\/257684\/revisions"}],"wp:attachment":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/media?parent=257684"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}