{"id":55198,"date":"2013-07-15T08:25:19","date_gmt":"2013-07-15T15:25:19","guid":{"rendered":"http:\/\/tri.be\/support\/forums\/topic\/delving-deeper-into-styling-the-elp-upcoming-widget\/"},"modified":"2015-07-07T06:27:06","modified_gmt":"2015-07-07T13:27:06","slug":"delving-deeper-into-styling-the-elp-upcoming-widget","status":"closed","type":"topic","link":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/delving-deeper-into-styling-the-elp-upcoming-widget\/","title":{"rendered":"Delving Deeper Into Styling the ELP Upcoming Widget?"},"content":{"rendered":"

Hi!
\nFirst off, congratulations on a seriously great product. More than worth the license price.<\/p>\n

My question is about styling the upcoming events list widget. I’ve placed it on my home page, in the main content area, and I’ve styled it to flow horizontally. My problem is that I’d like to put some space between the list items, and nothing I try seems to work. I’ve adjusted padding on the container, margins on the LIs themselves – even tried wrapping them in individual container divs using pseudo classes, but to no avail. Any ideas?<\/p>\n

I’m not sure how to go about pasting code here – whether I can use a shortcode to paste inline or if y’all want it linked from pastebin or something – but if you wanna see what I’ve got so far, just say so.<\/p>\n

Thanks so much!<\/p>\n

Tom.<\/p>\n","protected":false},"template":"","class_list":["post-55198","topic","type-topic","status-closed","hentry"],"yoast_head":"\nDelving Deeper Into Styling the ELP Upcoming Widget? -<\/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\/delving-deeper-into-styling-the-elp-upcoming-widget\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Delving Deeper Into Styling the ELP Upcoming Widget? -\" \/>\n<meta property=\"og:description\" content=\"Hi! First off, congratulations on a seriously great product. More than worth the license price. My question is about styling the upcoming events list widget. I’ve placed it on my home page, in the main content area, and I’ve styled it to flow horizontally. My problem is that I’d like to put some space between […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/delving-deeper-into-styling-the-elp-upcoming-widget\/\" \/>\n<meta property=\"article:modified_time\" content=\"2015-07-07T13:27:06+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\/delving-deeper-into-styling-the-elp-upcoming-widget\/\",\"url\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/delving-deeper-into-styling-the-elp-upcoming-widget\/\",\"name\":\"Delving Deeper Into Styling the ELP Upcoming Widget? -\",\"isPartOf\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/#website\"},\"datePublished\":\"2013-07-15T15:25:19+00:00\",\"dateModified\":\"2015-07-07T13:27:06+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/delving-deeper-into-styling-the-elp-upcoming-widget\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/delving-deeper-into-styling-the-elp-upcoming-widget\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/delving-deeper-into-styling-the-elp-upcoming-widget\/#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\":\"Delving Deeper Into Styling the ELP Upcoming Widget?\"}]},{\"@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":"Delving Deeper Into Styling the ELP Upcoming Widget? -","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\/delving-deeper-into-styling-the-elp-upcoming-widget\/","og_locale":"en_US","og_type":"article","og_title":"Delving Deeper Into Styling the ELP Upcoming Widget? -","og_description":"Hi! First off, congratulations on a seriously great product. More than worth the license price. My question is about styling the upcoming events list widget. I’ve placed it on my home page, in the main content area, and I’ve styled it to flow horizontally. My problem is that I’d like to put some space between […]","og_url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/delving-deeper-into-styling-the-elp-upcoming-widget\/","article_modified_time":"2015-07-07T13:27:06+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\/delving-deeper-into-styling-the-elp-upcoming-widget\/","url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/delving-deeper-into-styling-the-elp-upcoming-widget\/","name":"Delving Deeper Into Styling the ELP Upcoming Widget? -","isPartOf":{"@id":"https:\/\/theeventscalendar.com\/support\/#website"},"datePublished":"2013-07-15T15:25:19+00:00","dateModified":"2015-07-07T13:27:06+00:00","breadcrumb":{"@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/delving-deeper-into-styling-the-elp-upcoming-widget\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/theeventscalendar.com\/support\/forums\/topic\/delving-deeper-into-styling-the-elp-upcoming-widget\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/delving-deeper-into-styling-the-elp-upcoming-widget\/#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":"Delving Deeper Into Styling the ELP Upcoming Widget?"}]},{"@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\/55198","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\/55198\/revisions"}],"predecessor-version":[{"id":979643,"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/topic\/55198\/revisions\/979643"}],"wp:attachment":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/media?parent=55198"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}