{"id":1636950,"date":"2018-10-03T19:35:41","date_gmt":"2018-10-04T02:35:41","guid":{"rendered":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/how-to-modify-format-of-recent-posts-element\/"},"modified":"2018-10-03T19:35:41","modified_gmt":"2018-10-04T02:35:41","slug":"how-to-modify-format-of-recent-posts-element","status":"closed","type":"topic","link":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/how-to-modify-format-of-recent-posts-element\/","title":{"rendered":"How to modify format of Recent Posts Element"},"content":{"rendered":"

Hello,<\/p>\n

First of all, with your new support area, it requires one to login to the support area before logging a ticket. Although I was already logged into my account, I was still prompted to login to the support area – but it would not accept my login information; I event changed my password – twice. I finally grabbed this old ticket and came in the ‘back door’ (I think that’s what I did anyways!)<\/p>\n

Regarding the assistance I am looking for, please see the attached image. I have a ‘recent posts’ area on the home page of my site (purple background). I am trying to format a few things and not having any luck at all. I have checked the themer’s guide. I think i should be able to do everything I need with CSS. I would like to:<\/p>\n

1. Change the background color of the fusion date box to white.
\n2. Modify the content of the date box to read “month” then underneath, current day. (Just like the events date box in the green rectangle to the right.
\n3. Change the font size of the post titles to 11pt.
\n4. Stop the last post title from wrapping.<\/p>\n

I’ve managed to modify a few things with CSS but now I’ve hit a wall as to the rest.<\/p>\n

Hoping you can assist!<\/p>\n

Thanks!<\/p>\n

Kat<\/p>\n","protected":false},"template":"","class_list":["post-1636950","topic","type-topic","status-closed","hentry"],"yoast_head":"\nHow to modify format of Recent Posts Element -<\/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-modify-format-of-recent-posts-element\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to modify format of Recent Posts Element -\" \/>\n<meta property=\"og:description\" content=\"Hello, First of all, with your new support area, it requires one to login to the support area before logging a ticket. Although I was already logged into my account, I was still prompted to login to the support area – but it would not accept my login information; I event changed my password – […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/how-to-modify-format-of-recent-posts-element\/\" \/>\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\/how-to-modify-format-of-recent-posts-element\/\",\"url\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/how-to-modify-format-of-recent-posts-element\/\",\"name\":\"How to modify format of Recent Posts Element -\",\"isPartOf\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/#website\"},\"datePublished\":\"2018-10-04T02:35:41+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/how-to-modify-format-of-recent-posts-element\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/how-to-modify-format-of-recent-posts-element\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/how-to-modify-format-of-recent-posts-element\/#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 modify format of Recent Posts Element\"}]},{\"@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 modify format of Recent Posts Element -","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-modify-format-of-recent-posts-element\/","og_locale":"en_US","og_type":"article","og_title":"How to modify format of Recent Posts Element -","og_description":"Hello, First of all, with your new support area, it requires one to login to the support area before logging a ticket. Although I was already logged into my account, I was still prompted to login to the support area – but it would not accept my login information; I event changed my password – […]","og_url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/how-to-modify-format-of-recent-posts-element\/","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\/how-to-modify-format-of-recent-posts-element\/","url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/how-to-modify-format-of-recent-posts-element\/","name":"How to modify format of Recent Posts Element -","isPartOf":{"@id":"https:\/\/theeventscalendar.com\/support\/#website"},"datePublished":"2018-10-04T02:35:41+00:00","breadcrumb":{"@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/how-to-modify-format-of-recent-posts-element\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/theeventscalendar.com\/support\/forums\/topic\/how-to-modify-format-of-recent-posts-element\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/how-to-modify-format-of-recent-posts-element\/#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 modify format of Recent Posts Element"}]},{"@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\/1636950","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\/1636950\/revisions"}],"wp:attachment":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/media?parent=1636950"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}