{"id":1212379,"date":"2017-01-02T15:57:26","date_gmt":"2017-01-02T23:57:26","guid":{"rendered":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/event-formatting-placement-of-buttons-and-background-boxes-mobile-vs-desktop\/"},"modified":"2017-01-02T22:35:00","modified_gmt":"2017-01-03T06:35:00","slug":"event-formatting-placement-of-buttons-and-background-boxes-mobile-vs-desktop","status":"closed","type":"topic","link":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/event-formatting-placement-of-buttons-and-background-boxes-mobile-vs-desktop\/","title":{"rendered":"Event formatting &#8211; placement of buttons and background boxes, mobile vs desktop"},"content":{"rendered":"<p>Hi Events Calendar Support,<\/p>\n<p>I&#8217;m a new subscriber, and I&#8217;m currently developing a test site using your plugin. I&#8217;m using the Karma theme, which I know others on the forums have mentioned before, although I&#8217;m having some difficulty finding threads relevant to my formatting situation. I prefer your advanced formatting options over Skeleton Styles, but whenever I choose the Full or Tribe Event Styles options, there seems to be some sort of alignment issue with my theme. The white background boxes that should frame just the Details and Venue sections cover most of the page&#8217;s content, and the Google \/ iCal import buttons float to the top of the page. What&#8217;s interesting is that everything seems properly formatted when you view the site with a mobile layout; the problem only occurs with the desktop layout. You can see it in action here: http:\/\/shivashakti.tinymainehomestead.com\/event\/silence-simplicity-retreat-2017\/ (and you can resize the responsive theme to get a sense for how the formatting changes).<\/p>\n<p>I&#8217;ve tried pretty much every combination of the Full and Tribe Event Styles with the various options listed in the Events Template. What I&#8217;m wondering now is if there are any CSS values I could try to manipulate to address this? If you have any suggestions as to where to start, I&#8217;d appreciate the help.<\/p>\n<p>Otherwise Skeleton Styles does work, but I would, in that case, like to find some way to change the formatting of the information presented in the Details and Venue section so that it pops. Again, any leads to this end would be appreciated.<\/p>\n<p>And if any answers to these questions can already be found in the forum, please feel free to point me in that direction. Thanks so much, and Happy New Year!<\/p>\n<p>&#8211; Curtis<\/p>\n","protected":false},"template":"","class_list":["post-1212379","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>Event formatting - placement of buttons and background boxes, mobile vs desktop -<\/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-formatting-placement-of-buttons-and-background-boxes-mobile-vs-desktop\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Event formatting - placement of buttons and background boxes, mobile vs desktop -\" \/>\n<meta property=\"og:description\" content=\"Hi Events Calendar Support, I&#8217;m a new subscriber, and I&#8217;m currently developing a test site using your plugin. I&#8217;m using the Karma theme, which I know others on the forums have mentioned before, although I&#8217;m having some difficulty finding threads relevant to my formatting situation. I prefer your advanced formatting options over Skeleton Styles, but [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/event-formatting-placement-of-buttons-and-background-boxes-mobile-vs-desktop\/\" \/>\n<meta property=\"article:modified_time\" content=\"2017-01-03T06:35:00+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-formatting-placement-of-buttons-and-background-boxes-mobile-vs-desktop\/\",\"url\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/event-formatting-placement-of-buttons-and-background-boxes-mobile-vs-desktop\/\",\"name\":\"Event formatting - placement of buttons and background boxes, mobile vs desktop -\",\"isPartOf\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/#website\"},\"datePublished\":\"2017-01-02T23:57:26+00:00\",\"dateModified\":\"2017-01-03T06:35:00+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/event-formatting-placement-of-buttons-and-background-boxes-mobile-vs-desktop\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/event-formatting-placement-of-buttons-and-background-boxes-mobile-vs-desktop\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/event-formatting-placement-of-buttons-and-background-boxes-mobile-vs-desktop\/#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 formatting &#8211; placement of buttons and background boxes, mobile vs desktop\"}]},{\"@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 formatting - placement of buttons and background boxes, mobile vs desktop -","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-formatting-placement-of-buttons-and-background-boxes-mobile-vs-desktop\/","og_locale":"en_US","og_type":"article","og_title":"Event formatting - placement of buttons and background boxes, mobile vs desktop -","og_description":"Hi Events Calendar Support, I&#8217;m a new subscriber, and I&#8217;m currently developing a test site using your plugin. I&#8217;m using the Karma theme, which I know others on the forums have mentioned before, although I&#8217;m having some difficulty finding threads relevant to my formatting situation. I prefer your advanced formatting options over Skeleton Styles, but [&hellip;]","og_url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/event-formatting-placement-of-buttons-and-background-boxes-mobile-vs-desktop\/","article_modified_time":"2017-01-03T06:35:00+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-formatting-placement-of-buttons-and-background-boxes-mobile-vs-desktop\/","url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/event-formatting-placement-of-buttons-and-background-boxes-mobile-vs-desktop\/","name":"Event formatting - placement of buttons and background boxes, mobile vs desktop -","isPartOf":{"@id":"https:\/\/theeventscalendar.com\/support\/#website"},"datePublished":"2017-01-02T23:57:26+00:00","dateModified":"2017-01-03T06:35:00+00:00","breadcrumb":{"@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/event-formatting-placement-of-buttons-and-background-boxes-mobile-vs-desktop\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/theeventscalendar.com\/support\/forums\/topic\/event-formatting-placement-of-buttons-and-background-boxes-mobile-vs-desktop\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/event-formatting-placement-of-buttons-and-background-boxes-mobile-vs-desktop\/#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 formatting &#8211; placement of buttons and background boxes, mobile vs desktop"}]},{"@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\/1212379","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":1,"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/topic\/1212379\/revisions"}],"predecessor-version":[{"id":1212438,"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/topic\/1212379\/revisions\/1212438"}],"wp:attachment":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/media?parent=1212379"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}