{"id":955106,"date":"2015-04-13T09:52:35","date_gmt":"2015-04-13T16:52:35","guid":{"rendered":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/css-for-previous-and-next-events-buttons\/"},"modified":"2015-04-13T15:43:45","modified_gmt":"2015-04-13T22:43:45","slug":"css-for-previous-and-next-events-buttons","status":"closed","type":"topic","link":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/css-for-previous-and-next-events-buttons\/","title":{"rendered":"CSS for Previous and Next Events buttons"},"content":{"rendered":"

I have used this code to make the Previous Events and Next Events look more like a button.
\nThe initial view looks right but the Hover view does not. The Wording should become white and the overlaid color appears not to be part of the wording link. Any thoughts? The website page is http:\/\/harefieldchurch.org\/events\/<\/p>\n

.tribe-events-nav-previous, .tribe-events-sub-nav li { font-size: 16px !important;
\n font-weight: bold !important;
\npadding: 10px 10px 10px 10px !important; background-color: #f8f8f8 !important;
\nborder: 1px solid #1c99bf !important;
\nborder-radius: 17px !important;
\n}
\n.tribe-events-nav-previous, .tribe-events-sub-nav li:hover
\n{ color: #ffffff !important;
\n background-color: #1c99bf !important;
\n} <\/p>\n","protected":false},"template":"","class_list":["post-955106","topic","type-topic","status-closed","hentry"],"yoast_head":"\nCSS for Previous and Next Events buttons -<\/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\/css-for-previous-and-next-events-buttons\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"CSS for Previous and Next Events buttons -\" \/>\n<meta property=\"og:description\" content=\"I have used this code to make the Previous Events and Next Events look more like a button. The initial view looks right but the Hover view does not. The Wording should become white and the overlaid color appears not to be part of the wording link. Any thoughts? The website page is http:\/\/harefieldchurch.org\/events\/ .tribe-events-nav-previous, […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/css-for-previous-and-next-events-buttons\/\" \/>\n<meta property=\"article:modified_time\" content=\"2015-04-13T22:43:45+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/css-for-previous-and-next-events-buttons\/\",\"url\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/css-for-previous-and-next-events-buttons\/\",\"name\":\"CSS for Previous and Next Events buttons -\",\"isPartOf\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/#website\"},\"datePublished\":\"2015-04-13T16:52:35+00:00\",\"dateModified\":\"2015-04-13T22:43:45+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/css-for-previous-and-next-events-buttons\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/css-for-previous-and-next-events-buttons\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/theeventscalendar.com\/support\/forums\/topic\/css-for-previous-and-next-events-buttons\/#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\":\"CSS for Previous and Next Events buttons\"}]},{\"@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":"CSS for Previous and Next Events buttons -","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\/css-for-previous-and-next-events-buttons\/","og_locale":"en_US","og_type":"article","og_title":"CSS for Previous and Next Events buttons -","og_description":"I have used this code to make the Previous Events and Next Events look more like a button. The initial view looks right but the Hover view does not. The Wording should become white and the overlaid color appears not to be part of the wording link. Any thoughts? The website page is http:\/\/harefieldchurch.org\/events\/ .tribe-events-nav-previous, […]","og_url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/css-for-previous-and-next-events-buttons\/","article_modified_time":"2015-04-13T22:43:45+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/css-for-previous-and-next-events-buttons\/","url":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/css-for-previous-and-next-events-buttons\/","name":"CSS for Previous and Next Events buttons -","isPartOf":{"@id":"https:\/\/theeventscalendar.com\/support\/#website"},"datePublished":"2015-04-13T16:52:35+00:00","dateModified":"2015-04-13T22:43:45+00:00","breadcrumb":{"@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/css-for-previous-and-next-events-buttons\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/theeventscalendar.com\/support\/forums\/topic\/css-for-previous-and-next-events-buttons\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/theeventscalendar.com\/support\/forums\/topic\/css-for-previous-and-next-events-buttons\/#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":"CSS for Previous and Next Events buttons"}]},{"@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\/955106","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\/955106\/revisions"}],"predecessor-version":[{"id":955161,"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/topic\/955106\/revisions\/955161"}],"wp:attachment":[{"href":"https:\/\/theeventscalendar.com\/support\/wp-json\/wp\/v2\/media?parent=955106"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}