{"id":10721,"date":"2014-02-18T17:33:47","date_gmt":"2014-02-18T17:33:47","guid":{"rendered":"http:\/\/www.oik-plugins.com\/?post_type=shortcode_example&#038;p=10721"},"modified":"2014-02-18T17:37:13","modified_gmt":"2014-02-18T17:37:13","slug":"bw_cycle-vertical-scrolling-css-arrows-2","status":"publish","type":"shortcode_example","link":"https:\/\/www.oik-plugins.com\/shortcode_example\/bw_cycle-vertical-scrolling-css-arrows-2\/","title":{"rendered":"bw_cycle vertical scrolling with CSS arrows"},"content":{"rendered":"This example displays 3 posts in the News category with the Prev and Next links displayed as arrows using CSS styling.<!--more-->\r\n<div class=\"bw_geshi html5\"><code><br \/>\n&#091;bw_cycle post_type=post category_name=news fx=scrollVert numberposts=3 class=sv fit=0 prevnext=y orderby=date order=desc]<br \/>\n&nbsp;<\/code><\/div>\r\n\r\n<span class=\"sv_prev\"><a name=\"prev\">Prev<\/a><\/span><span class=\"sv_next\"><a name=\"next\">Next<\/a><\/span><div class=\"sv\"><div class=\"sv\"><div class=\"block\"><div class=\"blockheader\"><h3>Pagination not working in WordPress 4.4<\/h3><\/div><div class=\"blockcontent\"><div class=\"blockcontent-body \"><div class=\"bw_thumbnail\"><a id=\"link-18272\" href=\"https:\/\/www.oik-plugins.com\/2015\/12\/pagination-not-working-in-wordpress-4-4\/\" title=\"Pagination not working in WordPress 4.4\"><img decoding=\"async\" class=\"bw_thumbnail post-18272 post type-post status-publish format-standard has-post-thumbnail category-news category-oik tag-broken tag-pagination tag-wordpress-4-4 letters-p entry\" src=\"https:\/\/www.oik-plugins.com\/wp-content\/uploads\/2014\/09\/oik-icon-256x256-1-125x125.png\" width=\"125\" height=\"125\" title=\"Pagination not working in WordPress 4.4\" alt=\"Pagination not working in WordPress 4.4\"  data-thumb=\"https:\/\/www.oik-plugins.com\/wp-content\/uploads\/2014\/09\/oik-icon-256x256-1-125x125.png\" loading=\"lazy\" \/><\/a><\/div>The oik base plugin provides a set of shortcodes where the output can be paginated. \r\nAfter upgrading to WordPress 4.4 we noticed that, even though the pagination links were correct, the content being displayed was always for the first page.<p><a class=\"button \" href=\"https:\/\/www.oik-plugins.com\/2015\/12\/pagination-not-working-in-wordpress-4-4\/\">read more<\/a><\/p><\/div><\/div><\/div><\/div><div class=\"sv\"><div class=\"block\"><div class=\"blockheader\"><h3>Swapping oik-plugins.com and oik-plugins.biz<\/h3><\/div><div class=\"blockcontent\"><div class=\"blockcontent-body \">Some time in the near future, when the nameserver updates to oik-plugins.com have taken effect, the primary domain on SiteGround hosting for oik-plugins will be changed from oik-plugins.biz to oik-plugins.com.\r\n\r\nThere may be a disruption of service while this happens as it&#8217;s necessary to unpark the oik-plugins.com domain prior to making the switch.\r\n\r\n<p><a class=\"button \" href=\"https:\/\/www.oik-plugins.com\/2015\/07\/swapping-oik-plugins-com-and-oik-plugins-biz\/\">read more<\/a><\/p><\/div><\/div><\/div><\/div><div class=\"sv\"><div class=\"block\"><div class=\"blockheader\"><h3>oik-plugins.com has moved to SiteGround<\/h3><\/div><div class=\"blockcontent\"><div class=\"blockcontent-body \"><div class=\"bw_thumbnail\"><a id=\"link-17002\" href=\"https:\/\/www.oik-plugins.com\/2015\/07\/oik-plugins-com-has-moved-to-siteground\/\" title=\"oik-plugins.com has moved to SiteGround\"><img decoding=\"async\" class=\"bw_thumbnail post-17002 post type-post status-publish format-standard has-post-thumbnail category-news tag-siteground letters-o entry\" src=\"https:\/\/www.oik-plugins.com\/wp-content\/uploads\/2015\/07\/siteground-386x113.png\" width=\"386\" height=\"113\" title=\"oik-plugins.com has moved to SiteGround\" alt=\"oik-plugins.com has moved to SiteGround\"  data-thumb=\"https:\/\/www.oik-plugins.com\/wp-content\/uploads\/2015\/07\/siteground-386x113.png\" loading=\"lazy\" \/><\/a><\/div>In recent months, we&#8217;ve been running multiple versions of the oik-plugins website on different hosting companies. Today, we&#8217;ve bitten the bullet and have transferred the hosting from Tentahost to SiteGround.<p><a class=\"button \" href=\"https:\/\/www.oik-plugins.com\/2015\/07\/oik-plugins-com-has-moved-to-siteground\/\">read more<\/a><\/p><\/div><\/div><\/div><\/div><\/div>\r\n\r\nHere the prev (up) and next (down) arrows are created using CSS borders.\r\n\r\n\r\n<div><style  type=\"text\/css\" media=\"screen,print\">\r\nspan.sv_prev a {\twidth: 0;\theight: 0; \r\n\tborder-left: 10px solid transparent;\r\n\tborder-right: 10px solid transparent;\r\n\tborder-bottom: 10px solid #444;\r\n        float: left;\r\n text-indent: -9999px;\r\n}\r\nspan.sv_next a { width: 0; height: 0; \r\n\tborder-left: 10px solid transparent;\r\n\tborder-right: 10px solid transparent;\r\n\tborder-top: 10px solid #444;\r\n        float: left;\r\ntext-indent: -9999px;\r\n}\r\n<\/style><div class=\"bw_css\"><code><br \/>\nspan<span style=\"color: #6666ff;\">.sv_prev<\/span> a <span style=\"color: #00AA00;\">&#123;<\/span>&nbsp; &nbsp; &nbsp; &nbsp; <span style=\"color: #000000; font-weight: bold;\">width<\/span><span style=\"color: #00AA00;\">:<\/span> <span style=\"color: #cc66cc;\">0<\/span><span style=\"color: #00AA00;\">;<\/span> &nbsp; &nbsp; &nbsp; <span style=\"color: #000000; font-weight: bold;\">height<\/span><span style=\"color: #00AA00;\">:<\/span> <span style=\"color: #cc66cc;\">0<\/span><span style=\"color: #00AA00;\">;<\/span> <br \/>\n&nbsp; &nbsp; &nbsp; &nbsp; <span style=\"color: #000000; font-weight: bold;\">border-left<\/span><span style=\"color: #00AA00;\">:<\/span> <span style=\"color: #933;\">10px<\/span> <span style=\"color: #993333;\">solid<\/span> <span style=\"color: #dc143c;\">transparent<\/span><span style=\"color: #00AA00;\">;<\/span><br \/>\n&nbsp; &nbsp; &nbsp; &nbsp; <span style=\"color: #000000; font-weight: bold;\">border-right<\/span><span style=\"color: #00AA00;\">:<\/span> <span style=\"color: #933;\">10px<\/span> <span style=\"color: #993333;\">solid<\/span> <span style=\"color: #dc143c;\">transparent<\/span><span style=\"color: #00AA00;\">;<\/span><br \/>\n&nbsp; &nbsp; &nbsp; &nbsp; <span style=\"color: #000000; font-weight: bold;\">border-bottom<\/span><span style=\"color: #00AA00;\">:<\/span> <span style=\"color: #933;\">10px<\/span> <span style=\"color: #993333;\">solid<\/span> <span style=\"color: #cc00cc;\">#444<\/span><span style=\"color: #00AA00;\">;<\/span><br \/>\n&nbsp; &nbsp; &nbsp; &nbsp; <span style=\"color: #000000; font-weight: bold;\">float<\/span><span style=\"color: #00AA00;\">:<\/span> <span style=\"color: #993333;\">left<\/span><span style=\"color: #00AA00;\">;<\/span><br \/>\n&nbsp;<span style=\"color: #000000; font-weight: bold;\">text-indent<\/span><span style=\"color: #00AA00;\">:<\/span> <span style=\"color: #933;\">-9999px<\/span><span style=\"color: #00AA00;\">;<\/span><br \/>\n<span style=\"color: #00AA00;\">&#125;<\/span><br \/>\nspan<span style=\"color: #6666ff;\">.sv_next<\/span> a <span style=\"color: #00AA00;\">&#123;<\/span> <span style=\"color: #000000; font-weight: bold;\">width<\/span><span style=\"color: #00AA00;\">:<\/span> <span style=\"color: #cc66cc;\">0<\/span><span style=\"color: #00AA00;\">;<\/span> <span style=\"color: #000000; font-weight: bold;\">height<\/span><span style=\"color: #00AA00;\">:<\/span> <span style=\"color: #cc66cc;\">0<\/span><span style=\"color: #00AA00;\">;<\/span> <br \/>\n&nbsp; &nbsp; &nbsp; &nbsp; <span style=\"color: #000000; font-weight: bold;\">border-left<\/span><span style=\"color: #00AA00;\">:<\/span> <span style=\"color: #933;\">10px<\/span> <span style=\"color: #993333;\">solid<\/span> <span style=\"color: #dc143c;\">transparent<\/span><span style=\"color: #00AA00;\">;<\/span><br \/>\n&nbsp; &nbsp; &nbsp; &nbsp; <span style=\"color: #000000; font-weight: bold;\">border-right<\/span><span style=\"color: #00AA00;\">:<\/span> <span style=\"color: #933;\">10px<\/span> <span style=\"color: #993333;\">solid<\/span> <span style=\"color: #dc143c;\">transparent<\/span><span style=\"color: #00AA00;\">;<\/span><br \/>\n&nbsp; &nbsp; &nbsp; &nbsp; <span style=\"color: #000000; font-weight: bold;\">border-top<\/span><span style=\"color: #00AA00;\">:<\/span> <span style=\"color: #933;\">10px<\/span> <span style=\"color: #993333;\">solid<\/span> <span style=\"color: #cc00cc;\">#444<\/span><span style=\"color: #00AA00;\">;<\/span><br \/>\n&nbsp; &nbsp; &nbsp; &nbsp; <span style=\"color: #000000; font-weight: bold;\">float<\/span><span style=\"color: #00AA00;\">:<\/span> <span style=\"color: #993333;\">left<\/span><span style=\"color: #00AA00;\">;<\/span><br \/>\n<span style=\"color: #000000; font-weight: bold;\">text-indent<\/span><span style=\"color: #00AA00;\">:<\/span> <span style=\"color: #933;\">-9999px<\/span><span style=\"color: #00AA00;\">;<\/span><br \/>\n<span style=\"color: #00AA00;\">&#125;<\/span><br \/>\n&nbsp;<\/code><\/div><\/div>\r\n","protected":false},"excerpt":{"rendered":"<p>This example displays 3 posts in the News category with the Prev and Next links displayed as arrows using CSS styling.<\/p>\n","protected":false},"featured_media":0,"template":"","letters":[],"class_list":{"0":"post-10721","1":"shortcode_example","2":"type-shortcode_example","3":"status-publish","5":"entry"},"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>bw_cycle vertical scrolling with CSS arrows - [oik] plugins.com<\/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:\/\/www.oik-plugins.com\/shortcode_example\/bw_cycle-vertical-scrolling-css-arrows-2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"bw_cycle vertical scrolling with CSS arrows - [oik] plugins.com\" \/>\n<meta property=\"og:description\" content=\"This example displays 3 posts in the News category with the Prev and Next links displayed as arrows using CSS styling.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.oik-plugins.com\/shortcode_example\/bw_cycle-vertical-scrolling-css-arrows-2\/\" \/>\n<meta property=\"og:site_name\" content=\"[oik] plugins.com\" \/>\n<meta property=\"article:modified_time\" content=\"2014-02-18T17:37:13+00:00\" \/>\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:\/\/www.oik-plugins.com\/shortcode_example\/bw_cycle-vertical-scrolling-css-arrows-2\/\",\"url\":\"https:\/\/www.oik-plugins.com\/shortcode_example\/bw_cycle-vertical-scrolling-css-arrows-2\/\",\"name\":\"bw_cycle vertical scrolling with CSS arrows - [oik] plugins.com\",\"isPartOf\":{\"@id\":\"https:\/\/www.oik-plugins.com\/#website\"},\"datePublished\":\"2014-02-18T17:33:47+00:00\",\"dateModified\":\"2014-02-18T17:37:13+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.oik-plugins.com\/shortcode_example\/bw_cycle-vertical-scrolling-css-arrows-2\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.oik-plugins.com\/shortcode_example\/bw_cycle-vertical-scrolling-css-arrows-2\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.oik-plugins.com\/shortcode_example\/bw_cycle-vertical-scrolling-css-arrows-2\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Shortcode examples\",\"item\":\"https:\/\/www.oik-plugins.com\/shortcode_example\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"bw_cycle vertical scrolling with CSS arrows\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.oik-plugins.com\/#website\",\"url\":\"https:\/\/www.oik-plugins.com\/\",\"name\":\"[oik] plugins.com\",\"description\":\"WordPress plugins and themes\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.oik-plugins.com\/?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":"bw_cycle vertical scrolling with CSS arrows - [oik] plugins.com","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:\/\/www.oik-plugins.com\/shortcode_example\/bw_cycle-vertical-scrolling-css-arrows-2\/","og_locale":"en_US","og_type":"article","og_title":"bw_cycle vertical scrolling with CSS arrows - [oik] plugins.com","og_description":"This example displays 3 posts in the News category with the Prev and Next links displayed as arrows using CSS styling.","og_url":"https:\/\/www.oik-plugins.com\/shortcode_example\/bw_cycle-vertical-scrolling-css-arrows-2\/","og_site_name":"[oik] plugins.com","article_modified_time":"2014-02-18T17:37:13+00:00","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.oik-plugins.com\/shortcode_example\/bw_cycle-vertical-scrolling-css-arrows-2\/","url":"https:\/\/www.oik-plugins.com\/shortcode_example\/bw_cycle-vertical-scrolling-css-arrows-2\/","name":"bw_cycle vertical scrolling with CSS arrows - [oik] plugins.com","isPartOf":{"@id":"https:\/\/www.oik-plugins.com\/#website"},"datePublished":"2014-02-18T17:33:47+00:00","dateModified":"2014-02-18T17:37:13+00:00","breadcrumb":{"@id":"https:\/\/www.oik-plugins.com\/shortcode_example\/bw_cycle-vertical-scrolling-css-arrows-2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.oik-plugins.com\/shortcode_example\/bw_cycle-vertical-scrolling-css-arrows-2\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.oik-plugins.com\/shortcode_example\/bw_cycle-vertical-scrolling-css-arrows-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Shortcode examples","item":"https:\/\/www.oik-plugins.com\/shortcode_example\/"},{"@type":"ListItem","position":2,"name":"bw_cycle vertical scrolling with CSS arrows"}]},{"@type":"WebSite","@id":"https:\/\/www.oik-plugins.com\/#website","url":"https:\/\/www.oik-plugins.com\/","name":"[oik] plugins.com","description":"WordPress plugins and themes","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.oik-plugins.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/www.oik-plugins.com\/wp-json\/wp\/v2\/shortcode_example\/10721","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.oik-plugins.com\/wp-json\/wp\/v2\/shortcode_example"}],"about":[{"href":"https:\/\/www.oik-plugins.com\/wp-json\/wp\/v2\/types\/shortcode_example"}],"version-history":[{"count":0,"href":"https:\/\/www.oik-plugins.com\/wp-json\/wp\/v2\/shortcode_example\/10721\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.oik-plugins.com\/wp-json\/wp\/v2\/media?parent=10721"}],"wp:term":[{"taxonomy":"letters","embeddable":true,"href":"https:\/\/www.oik-plugins.com\/wp-json\/wp\/v2\/letters?post=10721"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}